/* ALCIDIA DA VEIGA — Color tokens
   Sourced verbatim from the brand guidelines (.fig) and lookbook.
   The system is fundamentally monochrome — black, white, warm charcoal
   and grey — warmed by a small set of neutral "mood" tones (sand, taupe,
   rose) drawn from the guideline backgrounds. Never gradients. */

:root {
  /* ---- Core neutrals (verbatim) ---- */
  --adv-white:    #ffffff; /* rgb(255,255,255) */
  --adv-paper:    #f5f6f8; /* rgb(245,246,248) — light surface */
  --adv-black:    #000000; /* rgb(0,0,0) */
  --adv-ink:      #1d1d1b; /* rgb(29,29,27)  — near-black fill */
  --adv-charcoal: #3c3938; /* rgb(60,57,56)  — warm charcoal, body text */
  --adv-grey:     #909191; /* rgb(144,145,145) — mid grey (logo tint) */

  /* ---- Cool greys (UI / lookbook studio) ---- */
  --adv-mist:  #dfe3ea; /* rgb(223,227,234) */
  --adv-fog:   #eeedf2; /* rgb(238,237,242) */
  --adv-slate: #979ca8; /* rgb(151,156,168) */
  --adv-line:  #dddddd; /* rgb(221,221,221) — hairline */
  --adv-line-soft: #cccccc; /* rgb(204,204,204) */

  /* ---- Warm mood tones ---- */
  --adv-sand:  #ede7d1; /* rgb(237,231,209) */
  --adv-taupe: #beb5ad; /* rgb(190,181,173) */
  --adv-rose:  #ba9999; /* rgb(186,153,153) */

  /* ---- Semantic: text ---- */
  --text-primary:   var(--adv-charcoal);
  --text-strong:    var(--adv-black);
  --text-secondary: var(--adv-grey);
  --text-muted:     var(--adv-slate);
  --text-inverse:   var(--adv-white);

  /* ---- Semantic: surfaces ---- */
  --surface-page:    var(--adv-white);
  --surface-muted:   var(--adv-paper);
  --surface-sand:    var(--adv-sand);
  --surface-taupe:   var(--adv-taupe);
  --surface-rose:    var(--adv-rose);
  --surface-inverse: var(--adv-ink);

  /* ---- Semantic: lines & borders ---- */
  --border-hairline: rgba(0, 0, 0, 0.12);
  --border-default:  var(--adv-line);
  --border-strong:   var(--adv-black);
  --border-inverse:  rgba(255, 255, 255, 0.28);

  /* ---- Interaction ---- */
  --focus-ring: rgba(60, 57, 56, 0.4);
}

/* Dark surfaces — logo & type invert per the guidelines
   ("Black on light, White on dark"). Apply on a wrapper. */
.theme-dark,
[data-theme="dark"] {
  --text-primary:   var(--adv-white);
  --text-strong:    var(--adv-white);
  --text-secondary: rgba(255, 255, 255, 0.62);
  --text-muted:     rgba(255, 255, 255, 0.45);
  --text-inverse:   var(--adv-ink);
  --surface-page:    var(--adv-ink);
  --surface-muted:   #262624;
  --surface-inverse: var(--adv-white);
  --border-default:  rgba(255, 255, 255, 0.18);
  --border-hairline: rgba(255, 255, 255, 0.16);
  --border-strong:   var(--adv-white);
}