/* domm. Growth — Design token bridge
   Maps design-system tokens to the legacy variable names used in all HTML files.
   Source of truth: /design-system/tokens/colors.css + /design-system/tokens/typography.css
   Do NOT edit values here directly — update /design-system/tokens/ and sync here. */

:root {
  /* ── Backgrounds ──
     DS has a 4-step elevation ladder: --bg → --surface → --surface-2 → --elevated.
     We map 3 levels: page bg → card/nav → raised card. --surface-2 is skipped
     (no legacy equivalent) but available via DS token if needed later. */
  --bg-primary:    #001E1D;   /* DS: --bg          — deepest page background */
  --bg-surface:    #05302E;   /* DS: --surface      — cards, inputs, nav */
  --bg-elevated:   #0E403C;   /* DS: --elevated     — elevated cards, modals */

  /* ── Borders ── */
  --border:        #164A45;   /* DS: --border (direct match) */

  /* ── Text ── */
  --text-primary:  #EAF6F4;   /* DS: --text         — near-white, faint teal warmth */
  --text-secondary:#9DBAB5;   /* DS: --text-secondary */
  --text-muted:    #648079;   /* DS: --text-muted   — labels, meta, placeholders */

  /* ── Accent ──
     Old value was #00D0D0; DS primary brand cyan is #00D4C8 (4 units in green channel).
     Adopting the DS value as the canonical accent going forward. */
  --accent:        #00D4C8;   /* DS: --brand-cyan */

  /* ── Accent dim ──
     rgba updated from old rgb(0,208,208) to match new accent rgb(0,212,200). */
  --accent-dim:    rgba(0,212,200,0.12);  /* DS: --cyan-a12 */

  /* ── Layout ──
     --max-w has no DS equivalent — kept at existing value. */
  --max-w:         1100px;
}