/* DEFXN: four core hues, each with a dark and light palette. SDK semantic token contract. */
:root[data-theme="clay"] { --canvas:20 5% 8%; --depth:20 5% 16%; --surface:20 5% 11%; --raised:20 5% 14%; --nested:20 5% 16%; --overlay:20 5% 11%; --text-strong:20 4% 90%; --text:20 3% 76%; --text-muted:20 2% 63%; --text-faint:20 2% 63%; --text-inverse:220 4% 8%; --primary:2 60% 72%; --complement:214 60% 73%; --reference:145 44% 67%; --accent:2 60% 72%; --accent-strong:2 60% 72%; --accent-subtle:20 5% 16%; --trust:2 60% 72%; --live:2 60% 72%; --role:145 44% 67%; --badge:2 60% 72%; --drift:145 44% 67%; --warning:2 60% 72%; --danger:2 60% 72%; --hidden:20 2% 63%; --border-default:20 4% 90% / .14; --border-strong:20 4% 90% / .25; --border-subtle:20 4% 90% / .07; --canvas-glow-primary:2 60% 72% / .025; --canvas-glow-secondary:214 60% 73% / .02; --canvas-glow-edge:145 44% 67% / .015; color-scheme:dark; }
:root[data-theme="ochre"] { --canvas:145 5% 8%; --depth:145 5% 16%; --surface:145 5% 11%; --raised:145 5% 14%; --nested:145 5% 16%; --overlay:145 5% 11%; --text-strong:145 4% 90%; --text:145 3% 76%; --text-muted:145 2% 63%; --text-faint:145 2% 63%; --text-inverse:220 4% 8%; --primary:145 44% 67%; --complement:214 60% 73%; --reference:48 60% 70%; --accent:145 44% 67%; --accent-strong:145 44% 67%; --accent-subtle:145 5% 16%; --trust:145 44% 67%; --live:145 44% 67%; --role:48 60% 70%; --badge:145 44% 67%; --drift:48 60% 70%; --warning:145 44% 67%; --danger:2 60% 72%; --hidden:145 2% 63%; --border-default:145 4% 90% / .14; --border-strong:145 4% 90% / .25; --border-subtle:145 4% 90% / .07; --canvas-glow-primary:145 44% 67% / .025; --canvas-glow-secondary:214 60% 73% / .02; --canvas-glow-edge:48 60% 70% / .015; color-scheme:dark; }
:root[data-theme="ghost"] { --canvas:214 5% 8%; --depth:214 5% 16%; --surface:214 5% 11%; --raised:214 5% 14%; --nested:214 5% 16%; --overlay:214 5% 11%; --text-strong:214 4% 90%; --text:214 3% 76%; --text-muted:214 2% 63%; --text-faint:214 2% 63%; --text-inverse:220 4% 8%; --primary:214 60% 73%; --complement:145 44% 67%; --reference:48 60% 70%; --accent:214 60% 73%; --accent-strong:214 60% 73%; --accent-subtle:214 5% 16%; --trust:214 60% 73%; --live:214 60% 73%; --role:48 60% 70%; --badge:214 60% 73%; --drift:48 60% 70%; --warning:214 60% 73%; --danger:2 60% 72%; --hidden:214 2% 63%; --border-default:214 4% 90% / .14; --border-strong:214 4% 90% / .25; --border-subtle:214 4% 90% / .07; --canvas-glow-primary:214 60% 73% / .025; --canvas-glow-secondary:145 44% 67% / .02; --canvas-glow-edge:48 60% 70% / .015; color-scheme:dark; }
:root[data-theme="marine"] { --canvas:48 5% 8%; --depth:48 5% 16%; --surface:48 5% 11%; --raised:48 5% 14%; --nested:48 5% 16%; --overlay:48 5% 11%; --text-strong:48 4% 90%; --text:48 3% 76%; --text-muted:48 2% 63%; --text-faint:48 2% 63%; --text-inverse:220 4% 8%; --primary:48 60% 70%; --complement:214 60% 73%; --reference:145 44% 67%; --accent:48 60% 70%; --accent-strong:48 60% 70%; --accent-subtle:48 5% 16%; --trust:48 60% 70%; --live:48 60% 70%; --role:145 44% 67%; --badge:48 60% 70%; --drift:145 44% 67%; --warning:48 60% 70%; --danger:2 60% 72%; --hidden:48 2% 63%; --border-default:48 4% 90% / .14; --border-strong:48 4% 90% / .25; --border-subtle:48 4% 90% / .07; --canvas-glow-primary:48 60% 70% / .025; --canvas-glow-secondary:214 60% 73% / .02; --canvas-glow-edge:145 44% 67% / .015; color-scheme:dark; }
:root[data-theme="grove"] { --canvas:20 3% 93%; --depth:20 3% 88%; --surface:20 3% 97%; --raised:20 3% 99%; --nested:20 3% 88%; --overlay:20 3% 97%; --text-strong:20 4% 14%; --text:20 3% 27%; --text-muted:20 2% 42%; --text-faint:20 2% 42%; --text-inverse:220 4% 97%; --primary:2 60% 37%; --complement:214 60% 35%; --reference:145 44% 27%; --accent:2 60% 37%; --accent-strong:2 60% 37%; --accent-subtle:20 3% 88%; --trust:2 60% 37%; --live:2 60% 37%; --role:145 44% 27%; --badge:2 60% 37%; --drift:145 44% 27%; --warning:2 60% 37%; --danger:2 60% 37%; --hidden:20 2% 42%; --border-default:20 4% 14% / .14; --border-strong:20 4% 14% / .25; --border-subtle:20 4% 14% / .07; --canvas-glow-primary:2 60% 37% / .025; --canvas-glow-secondary:214 60% 35% / .02; --canvas-glow-edge:145 44% 27% / .015; color-scheme:light; }
:root[data-theme="moss"] { --canvas:145 3% 93%; --depth:145 3% 88%; --surface:145 3% 97%; --raised:145 3% 99%; --nested:145 3% 88%; --overlay:145 3% 97%; --text-strong:145 4% 14%; --text:145 3% 27%; --text-muted:145 2% 42%; --text-faint:145 2% 42%; --text-inverse:220 4% 97%; --primary:145 44% 27%; --complement:214 60% 35%; --reference:48 60% 27%; --accent:145 44% 27%; --accent-strong:145 44% 27%; --accent-subtle:145 3% 88%; --trust:145 44% 27%; --live:145 44% 27%; --role:48 60% 27%; --badge:145 44% 27%; --drift:48 60% 27%; --warning:145 44% 27%; --danger:2 60% 37%; --hidden:145 2% 42%; --border-default:145 4% 14% / .14; --border-strong:145 4% 14% / .25; --border-subtle:145 4% 14% / .07; --canvas-glow-primary:145 44% 27% / .025; --canvas-glow-secondary:214 60% 35% / .02; --canvas-glow-edge:48 60% 27% / .015; color-scheme:light; }
:root[data-theme="glacier"] { --canvas:214 3% 93%; --depth:214 3% 88%; --surface:214 3% 97%; --raised:214 3% 99%; --nested:214 3% 88%; --overlay:214 3% 97%; --text-strong:214 4% 14%; --text:214 3% 27%; --text-muted:214 2% 42%; --text-faint:214 2% 42%; --text-inverse:220 4% 97%; --primary:214 60% 35%; --complement:145 44% 27%; --reference:48 60% 27%; --accent:214 60% 35%; --accent-strong:214 60% 35%; --accent-subtle:214 3% 88%; --trust:214 60% 35%; --live:214 60% 35%; --role:48 60% 27%; --badge:214 60% 35%; --drift:48 60% 27%; --warning:214 60% 35%; --danger:2 60% 37%; --hidden:214 2% 42%; --border-default:214 4% 14% / .14; --border-strong:214 4% 14% / .25; --border-subtle:214 4% 14% / .07; --canvas-glow-primary:214 60% 35% / .025; --canvas-glow-secondary:145 44% 27% / .02; --canvas-glow-edge:48 60% 27% / .015; color-scheme:light; }
:root[data-theme="bone"] { --canvas:48 3% 93%; --depth:48 3% 88%; --surface:48 3% 97%; --raised:48 3% 99%; --nested:48 3% 88%; --overlay:48 3% 97%; --text-strong:48 4% 14%; --text:48 3% 27%; --text-muted:48 2% 42%; --text-faint:48 2% 42%; --text-inverse:220 4% 97%; --primary:48 60% 27%; --complement:214 60% 35%; --reference:145 44% 27%; --accent:48 60% 27%; --accent-strong:48 60% 27%; --accent-subtle:48 3% 88%; --trust:48 60% 27%; --live:48 60% 27%; --role:145 44% 27%; --badge:48 60% 27%; --drift:145 44% 27%; --warning:48 60% 27%; --danger:2 60% 37%; --hidden:48 2% 42%; --border-default:48 4% 14% / .14; --border-strong:48 4% 14% / .25; --border-subtle:48 4% 14% / .07; --canvas-glow-primary:48 60% 27% / .025; --canvas-glow-secondary:214 60% 35% / .02; --canvas-glow-edge:145 44% 27% / .015; color-scheme:light; }