/* marketing/public/css/design-tokens.css — the Dark+ palette for www.cn-s.org.
 *
 * GENERATED. Do not hand-edit the token block below.
 *
 * The single source of truth is design/tokens/dark-plus.json; this file is one of its
 * `targets`. Regenerate with `npm run tokens:gen`, verify with `npm run tokens:check`
 * (the CI/pre-commit drift guard, which fails if any copy was edited by hand).
 *
 * This is why the marketing site matches NetWatch and the PSA without anyone maintaining
 * a second palette: a change to dark-plus.json reaches all of them in one command. No hex
 * is written by hand anywhere in this app — site.css uses var(--token) exclusively.
 *
 * CAUTION for whoever edits this header next: gen-tokens.js finds its insertion point with
 * a plain regex for the target selector over the whole file text, comments included. Write
 * that selector literally in this comment and the generator will inject the palette INTO
 * the comment, leaving the real rule below empty and the file broken. Don't name it here.
 */
:root {
    /* BEGIN GENERATED TOKENS — source: design/tokens/dark-plus.json (npm run tokens:gen) */
    --on-accent: #ffffff;
    /* END GENERATED TOKENS */
    /* BEGIN GENERATED TOKENS — source: design/tokens/dark-plus.json (npm run tokens:gen) */
    --bg-primary: #1e1e1e;
    --bg-secondary: #252526;
    --bg-tertiary: #2d2d30;
    --bg-elevated: #333333;
    --bg-input: #3c3c3c;
    --text-primary: #d4d4d4;
    --text-secondary: #9d9d9d;
    --text-muted: #808080;
    --accent-color: #3794ff;
    --accent-hover: #4daafc;
    --accent-subtle: rgba(55, 148, 255, .12);
    --accent-chrome: #007acc;
    --focus-ring: #007fd4;
    --selection-bg: #264f78;
    --link-color: #3794ff;
    --link-hover: #4daafc;
    --border-color: #3c3c3c;
    --border-subtle: #2d2d30;
    --border-strong: #474747;
    --success: #89d185;
    --success-subtle: rgba(137, 209, 133, .16);
    --danger: #f14c4c;
    --danger-subtle: rgba(241, 76, 76, .16);
    --warning: #cca700;
    --warning-subtle: rgba(204, 167, 0, .16);
    --purple: #c586c0;
    --purple-subtle: rgba(197, 134, 192, .18);
    --teal: #4ec9b0;
    --teal-subtle: rgba(78, 201, 176, .18);
    --yellow-sc: #dcdcaa;
    --orange: #d18616;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, .32);
    --shadow-lg: 0 8px 28px rgba(0, 0, 0, .42);
    --transition: 0.15s ease;
    /* END GENERATED TOKENS */
}