/* ==========================================================================
   Trovva — Color tokens
   Canonical palette per "Direcionamento de Design" (Frente Tec, 2026).
   Cream #F8EDC7 · Black #000000 · Orange #FD6F28 · Warm Gray #A89C8E · Cold Gray #91A2B1
   (Supersedes the lighter #fffdf8 cream from the original brand book — the
    direction calls for a warmer, editorial cream and promotes orange to the
    single official accent.)
   ========================================================================== */

:root {
  /* --- Base palette ---------------------------------------------------- */
  --trv-cream: #f8edc7;       /* Cream White — warm, the default ground */
  --trv-black: #000000;       /* Black — ink on cream; dramatic inverse ground */
  --trv-orange: #fd6f28;      /* Orange — the single official accent */
  --trv-warm-gray: #a89c8e;   /* Warm Gray — surfaces, pills, frames */
  --trv-cold-gray: #91a2b1;   /* Cold Gray — secondary support, data, captions */

  /* Tints / steps derived from the anchors (kept harmonious, not new hues) */
  --trv-cream-deep: #f0e3b2;  /* slightly sunk cream for cards on cream */
  --trv-warm-gray-soft: #c8bca9;
  --trv-cold-gray-soft: #b7c2cc;
  --trv-ink-70: rgba(0, 0, 0, 0.70);
  --trv-ink-45: rgba(0, 0, 0, 0.45);
  --trv-ink-12: rgba(0, 0, 0, 0.12);
  --trv-ink-06: rgba(0, 0, 0, 0.06);
  --trv-cream-70: rgba(248, 237, 199, 0.70); /* cream ink on black */
  --trv-cream-55: rgba(248, 237, 199, 0.55);

  /* Editorial navy retained for imagery / art direction only. */
  --trv-editorial-navy: #1b2a44;

  /* --- Semantic aliases ------------------------------------------------ */
  --surface-page: var(--trv-cream);
  --surface-card: var(--trv-cream);
  --surface-sunk: var(--trv-cream-deep);
  --surface-inverse: var(--trv-black);

  --text-primary: var(--trv-black);
  --text-secondary: var(--trv-ink-70);
  --text-muted: var(--trv-ink-45);
  --text-on-inverse: var(--trv-cream);

  --border-hairline: var(--trv-ink-12);
  --border-strong: var(--trv-black);

  --accent: var(--trv-orange);        /* the one decision-making accent */
  --accent-warm: var(--trv-warm-gray);
  --accent-cold: var(--trv-cold-gray);

  --focus-ring: var(--trv-black);
}