/* MARK: COLOR-THEME 66ccff — dhcp BLUE palette (modular color system, Part 2 of 2)

   Part 2 of the modular color system. Contents are ONLY variable OVERRIDES of the
   Part-1 contract names declared in color-scheme.css (plus a few theme-only tokens
   that have no system-color equivalent: status, form surfaces, decoration).

   Filename `color-theme-<hex>.css` where <hex> = the 6-digit sRGB hex of the base
   color (dhcp blue #66ccff). Colors are authored in OKLCH so the whole palette
   derives from the one base hue; alpha is baked per token.

   Override mechanism = NATURAL CSS CASCADE + @layer: color-scheme.css declares
   `@layer color-scheme, color-theme`, and this file writes into the LATER
   `color-theme` layer, so these values win over the Part-1 system-color defaults.
   Remove this file -> the page falls back to Part-1 system colors. Swap themes by
   swapping which color-theme-*.css is linked (after color-scheme.css).

   Values are the exact sRGB->OKLCH conversion of dhcp's palette (the look
   reference); previously carried in themes.css (kept for reference, no longer
   linked).
*/

@layer color-theme {
  :root {
    /* === ACCENT — the single base hue (dhcp #66ccff family) === */
    --fg-accent:   light-dark(oklch(45.98% 0.129 249.65), oklch(80.39% 0.1192 232.69));

    /* === FOREGROUND === */
    --fg:          light-dark(oklch(34.31% 0.04 284.09),        oklch(100% 0 89.88 / 0.6));
    --fg-emphasis: light-dark(oklch(0% 0 0),                    oklch(100% 0 89.88));
    --fg-muted:    light-dark(oklch(0% 0 0 / 0.5),              oklch(100% 0 89.88 / 0.5));
    --fg-link:     light-dark(oklch(38.5% 0.1956 272.38 / 0.5), oklch(80.39% 0.1192 232.69 / 0.5));

    /* === BACKGROUND === */
    --bg:          light-dark(oklch(96% 0.006 271.08),  oklch(19.15% 0.0062 271.08));
    --bg-panel:    oklch(from var(--fg-accent) l c h / 0.05);  /* region surface = 5% accent (overrides the 5%-currentColor default) */
    --bg-accent:   oklch(75.76% 0.1471 234.34 / 0.5);
    --bg-hover:    oklch(from var(--fg-accent) l c h / 0.1);  /* hover surface (rows + buttons resting) */
    --bg-selected: oklch(from var(--fg-accent) l c h / 0.05);  /* selected surface (rows + buttons hover) */

    /* === FOCUS === */
    --outline:     var(--fg-accent);

    /* === STATUS — theme-only; no CSS system-color equivalent === */
    --error-soft:   oklch(62.8% 0.2577 29.23 / 0.2);
    --error-strong: oklch(62.8% 0.2577 29.23 / 0.4);
    --success:      oklch(86.64% 0.2948 142.5);

    /* === FORM SURFACES — theme-only component tokens === */
    --input-bg:     oklch(0% 0 0 / 0.1);
    --input-border: oklch(100% 0 89.88 / 0.1);

    /* === DECORATION — theme-only (consumed by layout.css / typography.css) === */
    --txt-shadow: light-dark(-1px 1px 0 oklch(100% 0 89.88 / 0.3), -1px 1px oklch(0% 0 0));
    --bg-grd: linear-gradient(180deg,
        oklch(from var(--fg-accent) l c h / 0.2) 0%,
        oklch(from var(--fg-accent) l c h / 0.05) 100%);
  }
}