/* themes.css — theme overrides for tokens.css (foundation-ui shell floor).
 * Dark is the default (tokens.css :root); light overrides on [data-theme="light"].
 * A new theme = append a new [data-theme="…"] selector that overrides token
 * VALUES only — never redeclare .fui-* selectors (the shell CSS stays untouched).
 * A consumer's own theme override loads AFTER this file and wins by cascade.
 */

[data-theme="light"] {
  /* ── Catppuccin Latte palette ── */
  --base:     #eff1f5;
  --mantle:   #e6e9ef;
  --crust:    #dce0e8;
  --surface0: #ccd0da;
  --surface1: #bcc0cc;
  --surface2: #acb0be;
  --overlay0: #9ca0b0;
  --overlay1: #8c8fa1;
  --overlay2: #7c7f93;
  --subtext0: #6c6f85;
  --subtext1: #5c5f77;
  --text:     #4c4f69;

  --rosewater: #dc8a78;
  --flamingo:  #dd7878;
  --pink:      #ea76cb;
  --mauve:     #8839ef;
  --red:       #d20f39;
  --maroon:    #e64553;
  --peach:     #fe640b;
  --yellow:    #df8e1d;
  --green:     #40a02b;
  --teal:      #179299;
  --sky:       #04a5e5;
  --sapphire:  #209fb5;
  --blue:      #1e66f5;
  --lavender:  #7287fd;

  /* Latte rgb triplets — override the Mocha defaults for light-mode tints. */
  --accent-rgb:   30, 102, 245;
  --success-rgb:  64, 160, 43;
  --warning-rgb:  223, 142, 29;
  --danger-rgb:   210, 15, 57;
  --info-rgb:     4, 165, 229;
  --fg-muted-rgb: 140, 143, 161;


  /* Data-viz ramp — the same eight hues stepped for a light surface (validated:
     worst adjacent CVD ΔE 9.1, normal-vision 19.6). Same order, same cap. */
  --viz-cat-1: #2a78d6;
  --viz-cat-2: #eb6834;
  --viz-cat-3: #1baf7a;
  --viz-cat-4: #eda100;
  --viz-cat-5: #e87ba4;
  --viz-cat-6: #008300;
  --viz-cat-7: #4a3aa7;
  --viz-cat-8: #e34948;
  --viz-on-cat: #ffffff;

  /* Shadows attenuated on light bg (reuses --shadow-rgb). */
  --shadow-sm: 0 1px 2px  rgba(var(--shadow-rgb), 0.10);
  --shadow-md: 0 4px 12px rgba(var(--shadow-rgb), 0.12);
  --shadow-lg: 0 12px 32px rgba(var(--shadow-rgb), 0.15);
}

/* ── Charcoal — the third, high-contrast neutral theme (vera trio: light/dark/charcoal).
     Neutral greys only, WCAG-AA text; the consumer accent is untouched (themes override
     token VALUES, never selectors, never add a chromatic accent). ── */
[data-theme="charcoal"] {
  --base:     #333333;
  --mantle:   #2b2b2b;
  --crust:    #232323;
  --surface0: #404040;
  --surface1: #4d4d4d;
  --surface2: #5a5a5a;
  --overlay0: #767676;
  --overlay1: #8f8f8f;
  --overlay2: #a3a3a3;
  --subtext0: #c4c4c4;
  --subtext1: #d6d6d6;
  --text:     #f2f2f2;
  --fg-muted-rgb: 143, 143, 143;
}