/* ============================================================
   Canyon Payments — Design Tokens
   The entire palette lives here. Switching directions (e.g.
   Ember -> a blue) means changing these values only — every
   page, template, and component inherits automatically.
   Working default: Ember (team review pending as of 2026-09-28)
   ============================================================ */

:root {
  /* Brand accents */
  --ember:        #E4572E;  /* signature accent: CTAs, highlights, key stats */
  --ember-dark:   #C74320;  /* hover / pressed states */
  --ember-soft:   #FDEEE7;  /* tinted callout backgrounds */

  /* Foundation */
  --ink:          #0E1E33;  /* deep canyon navy: dark sections, footer, headlines on light */
  --ink-soft:    #1B2F4D;  /* raised surfaces on dark */
  --ink-logo:    #16181D;  /* logo Ink treatment (selected 2026-09-24) */

  /* Neutrals */
  --sand:         #F7F2E9;  /* warm light section background */
  --paper:        #FFFFFF;  /* page background */
  --line:         #E7E0D2;  /* hairline borders on light */
  --text:         #232A35;  /* body copy */
  --muted:        #5D6B7F;  /* secondary copy, captions */

  /* Dark-section text */
  --on-dark:      #FFFFFF;
  --on-dark-dim:  #C9D4E3;
  --on-dark-faint:#9FB0C7;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;

  /* Shape */
  --radius: 14px;
  --radius-sm: 9px;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(14, 30, 51, .06), 0 8px 24px rgba(14, 30, 51, .08);
}

/* ---- Future palette swap mechanism (values TBD by team review) ----
   To preview an alternate direction, override the tokens above under
   a data-theme attribute, e.g.:

   [data-theme="blue"] {
     --ember: ...; --ember-dark: ...; --ember-soft: ...;
     --ink: ...; --sand: ...;
   }

   ...and set <html data-theme="blue">. No component CSS changes needed.
------------------------------------------------------------------------ */