/* ===========================================================================
   Nó Ateliê — Color tokens
   A warm, earthy palette rooted in solid wood, terracotta and graphite.
   Base values first, then semantic aliases.
   =========================================================================== */

:root {
  /* --- Brand base palette --------------------------------------------- */
  --terracota:        #873F31; /* primary brand — fired clay, warm red-brown */
  --terracota-deep:   #6E3227; /* hover / pressed */
  --terracota-press:  #5A281F; /* deepest, active */
  --terracota-soft:   #A65A4B; /* lighter accent */
  --terracota-wash:   #F0E3DE; /* tinted surface / highlight */
  --terracota-tint:   #E5CBC3; /* border on wash */

  --grafite:          #636266; /* brand neutral — graphite */
  --grafite-ink:      #2E2D31; /* near-black, strong text */
  --grafite-soft:     #8E8D92; /* muted text */
  --grafite-faint:    #B6B5B8; /* disabled / hint */

  --branco:           #FFFFFF; /* pure white */
  --offwhite:         #F6F4F5; /* off-white — default page ground */
  --offwhite-deep:    #EDEAEB; /* subtle fill */
  --line:             #E2DEDF; /* hairline borders */
  --line-strong:      #D4CFD0; /* stronger dividers */

  /* --- Natural wood accents (used sparingly, never as primary) -------- */
  --oak:              #C9A678; /* warm light oak */
  --walnut:           #7A5A3C; /* deep walnut */
  --sand:             #E8DCCB; /* pale sanded wood */

  /* --- Functional / semantic hues ------------------------------------ */
  --success:          #5A7152; /* sage / patina green */
  --success-wash:     #E7EDE3;
  --warning:          #B07A2E; /* amber */
  --warning-wash:     #F4E9D6;
  --danger:           #9A3B2C; /* deep clay-red */
  --danger-wash:      #F2DED9;

  /* =====================================================================
     Semantic aliases — reference these in components, not raw values
     ===================================================================== */

  /* Text */
  --text-strong:      var(--grafite-ink);
  --text-body:        #4A494D;
  --text-muted:       var(--grafite-soft);
  --text-faint:       var(--grafite-faint);
  --text-accent:      var(--terracota);
  --text-on-dark:     var(--offwhite);
  --text-on-accent:   var(--offwhite);

  /* Surfaces */
  --surface-page:     var(--offwhite);
  --surface-card:     var(--branco);
  --surface-raised:   var(--branco);
  --surface-sunken:   var(--offwhite-deep);
  --surface-wash:     var(--terracota-wash);
  --surface-accent:   var(--terracota);
  --surface-inverse:  var(--grafite-ink);

  /* Borders & lines */
  --border:           var(--line);
  --border-strong:    var(--line-strong);
  --border-accent:    var(--terracota-tint);
  --border-on-dark:   rgba(246, 244, 245, 0.18);

  /* Interactive accent */
  --accent:           var(--terracota);
  --accent-hover:     var(--terracota-deep);
  --accent-press:     var(--terracota-press);
  --accent-soft:      var(--terracota-soft);

  /* Focus */
  --focus-ring:       rgba(135, 63, 49, 0.32);
}