/* GENERATED by scripts/docs_tokens.py from
   src/silent_swarm/leader/web/templates/shared/theme.css - do not edit.
   Change the app's tokens, then run:
     .venv/bin/python scripts/docs_tokens.py
   tests/unit/scripts/test_docs_tokens.py fails while this file is stale.

   slate = the app's dark theme (the docs default), default = its light
   theme. Material's "system" entry resolves to one of the two, so it
   needs no block of its own. Sizes are in px: Material's rem is not 16px. */

/* ── Primitives ── */

:root {
  --gray-0: #ffffff;
  --gray-1: #f6f6f5;
  --gray-2: #f1f1f0;
  --gray-3: #e8e8e7;
  --gray-4: #d7d9da;
  --gray-5: #b9bec0;
  --gray-6: #9ba1a3;
  --gray-7: #80868a;
  --gray-8: #6e7377;
  --gray-9: #555a5e;
  --gray-10: #3f3f46;
  --gray-11: #27272a;
  --gray-12: #18181b;
  --night-0: #0e0e0e;
  --night-1: #131313;
  --night-2: #1c1b1b;
  --night-3: #201f1f;
  --night-4: #2a2a2a;
  --night-5: #353534;
  --coral-1: #fff4ef;
  --coral-2: #ffe6dc;
  --coral-3: #ffd0bf;
  --coral-4: #ffb59e;
  --coral-5: #ff8f6b;
  --coral-6: #ff571a;
  --coral-7: #e8490f;
  --coral-8: #c2410c;
  --coral-9: #a3360a;
  --coral-10: #7c2d12;
  --coral-11: #431407;
  --coral-12: #2b1710;
  --blue-1: #eff4ff;
  --blue-2: #dbe6ff;
  --blue-3: #c7d6ff;
  --blue-4: #b1c5ff;
  --blue-5: #8aa8ff;
  --blue-6: #5b85f5;
  --blue-7: #3b6ae6;
  --blue-8: #1d4ed8;
  --blue-9: #1e40af;
  --blue-10: #1e3a8a;
  --blue-11: #172554;
  --blue-12: #0b1530;
  --green-1: #effdf4;
  --green-2: #dcfce7;
  --green-3: #bbf7d0;
  --green-4: #86efac;
  --green-5: #4ade80;
  --green-6: #22c55e;
  --green-7: #16a34a;
  --green-8: #15803d;
  --green-9: #166534;
  --green-10: #14532d;
  --green-11: #052e16;
  --green-12: #03200f;
  --amber-1: #fffbeb;
  --amber-2: #fef3c7;
  --amber-3: #fde68a;
  --amber-4: #fcd34d;
  --amber-5: #fbbf24;
  --amber-6: #f59e0b;
  --amber-7: #d97706;
  --amber-8: #b45309;
  --amber-9: #92400e;
  --amber-10: #78350f;
  --amber-11: #451a03;
  --amber-12: #2a1002;
  --red-1: #fff1f0;
  --red-2: #ffe1de;
  --red-3: #ffc9c3;
  --red-4: #ffb4ab;
  --red-5: #f87171;
  --red-6: #ef4444;
  --red-7: #dc2626;
  --red-8: #b91c1c;
  --red-9: #991b1b;
  --red-10: #7f1d1d;
  --red-11: #450a0a;
  --red-12: #2b0606;
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --fs-4xl: 36px;
  --fs-5xl: 48px;
  --lh-tight: 1.25;
  --lh-ui: 1.5;
  --lh-prose: 1.65;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --dur-fast: 120ms;
  --dur: 160ms;
  --dur-slow: 200ms;
  --ease: cubic-bezier(.2, .7, .3, 1);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --btn-h-sm: 32px;
  --btn-h-md: 36px;
  --btn-h-lg: 44px;
  --field-h: 36px;
  --card-pad: 20px;
  --w-form: 720px;
  --w-page: 1200px;
}

/* ── Dark (Material: slate) ── */

[data-md-color-scheme="slate"] {
  color-scheme: dark;
  --ink: 255, 255, 255;
  --bg: var(--night-1);
  --surface-1: var(--night-2);
  --surface-2: var(--night-3);
  --surface-3: var(--night-4);
  --surface-4: var(--night-5);
  --input-bg: var(--night-0);
  --code-bg: var(--night-0);
  --sidebar-bg: rgba(19, 19, 19, .96);
  --overlay: rgba(0, 0, 0, .6);
  --border: rgba(var(--ink), .08);
  --border-strong: rgba(var(--ink), .14);
  --border-field: var(--gray-7);
  --text: var(--gray-1);
  --text-secondary: var(--gray-4);
  --text-muted: var(--gray-6);
  --text-subtle: var(--gray-7);
  --accent: var(--coral-4);
  --accent-strong: var(--coral-6);
  --accent-solid: var(--coral-4);
  --accent-solid-hover: var(--coral-5);
  --accent-fg: var(--coral-12);
  --accent-subtle: rgba(255, 181, 158, .12);
  --accent-border: rgba(255, 181, 158, .35);
  --link: var(--blue-4);
  --info: var(--blue-4);
  --info-subtle: rgba(177, 197, 255, .12);
  --success: var(--green-6);
  --success-subtle: rgba(34, 197, 94, .14);
  --success-fg: var(--green-11);
  --warning: var(--amber-6);
  --warning-subtle: rgba(245, 158, 11, .14);
  --warning-fg: var(--amber-11);
  --danger: var(--red-4);
  --danger-subtle: rgba(255, 180, 171, .12);
  --danger-solid: var(--red-8);
  --danger-fg: var(--gray-0);
  --neutral-subtle: rgba(var(--ink), .07);
  --focus-ring: var(--coral-4);
  --selection-bg: var(--coral-6);
  --selection-fg: var(--gray-0);
  --scrollbar: #5c4037;
  --grid-line: rgba(255, 181, 158, .03);
  --shadow-pop: 0 14px 44px rgba(0, 0, 0, .5);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --chart-1: var(--coral-4);
  --chart-2: var(--blue-4);
  --chart-3: var(--green-5);
  --chart-4: var(--amber-5);
  --chart-5: #d8b4fe;
  --chart-6: #67e8f9;
}

/* ── Light (Material: default) ── */

[data-md-color-scheme="default"] {
  color-scheme: light;
  --ink: 0, 0, 0;
  --bg: var(--gray-1);
  --surface-1: var(--gray-0);
  --surface-2: var(--gray-0);
  --surface-3: var(--gray-2);
  --surface-4: var(--gray-3);
  --input-bg: var(--gray-0);
  --code-bg: var(--gray-2);
  --sidebar-bg: rgba(250, 250, 249, .97);
  --overlay: rgba(24, 24, 27, .45);
  --border: rgba(var(--ink), .09);
  --border-strong: rgba(var(--ink), .16);
  --border-field: var(--gray-8);
  --text: var(--gray-12);
  --text-secondary: var(--gray-10);
  --text-muted: var(--gray-9);
  --text-subtle: var(--gray-8);
  --accent: var(--coral-9);
  --accent-strong: var(--coral-8);
  --accent-solid: var(--coral-8);
  --accent-solid-hover: var(--coral-9);
  --accent-fg: var(--gray-0);
  --accent-subtle: rgba(194, 65, 12, .10);
  --accent-border: rgba(194, 65, 12, .35);
  --link: var(--blue-8);
  --info: var(--blue-8);
  --info-subtle: rgba(29, 78, 216, .10);
  --success: var(--green-9);
  --success-subtle: rgba(22, 101, 52, .10);
  --success-fg: var(--gray-0);
  --warning: var(--amber-9);
  --warning-subtle: rgba(146, 64, 14, .10);
  --warning-fg: var(--gray-0);
  --danger: var(--red-8);
  --danger-subtle: rgba(185, 28, 28, .09);
  --danger-solid: var(--red-8);
  --danger-fg: var(--gray-0);
  --neutral-subtle: rgba(var(--ink), .06);
  --focus-ring: var(--coral-9);
  --selection-bg: var(--coral-3);
  --selection-fg: var(--gray-12);
  --scrollbar: var(--gray-5);
  --grid-line: rgba(194, 65, 12, .035);
  --shadow-pop: 0 14px 40px rgba(24, 24, 27, .16);
  --shadow-sm: 0 1px 2px rgba(24, 24, 27, .08);
  --chart-1: var(--coral-8);
  --chart-2: var(--blue-8);
  --chart-3: var(--green-8);
  --chart-4: var(--amber-8);
  --chart-5: #7e22ce;
  --chart-6: #0e7490;
}

/* ── More contrast on request ── */

@media (prefers-contrast: more) {
  [data-md-color-scheme] {
    --border: rgba(var(--ink), .28);
    --border-strong: rgba(var(--ink), .45);
    --text-muted: var(--text-secondary);
    --text-subtle: var(--text-secondary);
  }
}

/* ── Material's variables in the app's semantic tokens ── */

[data-md-color-scheme="slate"],
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--bg);
  --md-default-bg-color--light: color-mix(in srgb, var(--bg) 54%, transparent);
  --md-default-bg-color--lighter: color-mix(in srgb, var(--bg) 26%, transparent);
  --md-default-bg-color--lightest: color-mix(in srgb, var(--bg) 7%, transparent);
  --md-default-fg-color: var(--text);
  --md-default-fg-color--light: var(--text-secondary);
  --md-default-fg-color--lighter: var(--text-muted);
  --md-default-fg-color--lightest: var(--border-strong);
  --md-typeset-color: var(--text);
  --md-primary-fg-color: var(--surface-1);
  --md-primary-fg-color--light: var(--surface-2);
  --md-primary-fg-color--dark: var(--bg);
  --md-primary-bg-color: var(--text);
  --md-primary-bg-color--light: var(--text-muted);
  --md-accent-fg-color: var(--accent);
  --md-accent-fg-color--transparent: var(--accent-subtle);
  --md-accent-bg-color: var(--accent-fg);
  --md-accent-bg-color--light: color-mix(in srgb, var(--accent-fg) 70%, transparent);
  --md-typeset-a-color: var(--link);
  --md-code-bg-color: var(--code-bg);
  --md-code-bg-color--light: color-mix(in srgb, var(--code-bg) 90%, transparent);
  --md-code-bg-color--lighter: color-mix(in srgb, var(--code-bg) 54%, transparent);
  --md-code-fg-color: var(--text-secondary);
  --md-code-hl-color: var(--accent-border);
  --md-code-hl-color--light: var(--accent-subtle);
  --md-code-hl-number-color: var(--warning);
  --md-code-hl-special-color: var(--danger);
  --md-code-hl-function-color: var(--info);
  --md-code-hl-constant-color: var(--warning);
  --md-code-hl-keyword-color: var(--accent);
  --md-code-hl-string-color: var(--success);
  --md-code-hl-name-color: var(--text-secondary);
  --md-code-hl-operator-color: var(--accent);
  --md-code-hl-punctuation-color: var(--text-secondary);
  --md-code-hl-comment-color: var(--text-muted);
  --md-code-hl-generic-color: var(--text-secondary);
  --md-code-hl-variable-color: var(--warning);
  --md-typeset-mark-color: var(--accent-subtle);
  --md-typeset-del-color: var(--danger-subtle);
  --md-typeset-ins-color: var(--success-subtle);
  --md-typeset-kbd-color: var(--surface-3);
  --md-typeset-kbd-accent-color: var(--surface-4);
  --md-typeset-kbd-border-color: var(--border-strong);
  --md-typeset-table-color: var(--border-strong);
  --md-typeset-table-color--light: var(--neutral-subtle);
  --md-admonition-fg-color: var(--text);
  --md-admonition-bg-color: var(--surface-1);
  --md-footer-bg-color: var(--surface-1);
  --md-footer-bg-color--dark: var(--bg);
  --md-footer-fg-color: var(--text);
  --md-footer-fg-color--light: var(--text-secondary);
  --md-footer-fg-color--lighter: var(--text-muted);
  --md-warning-fg-color: var(--warning-fg);
  --md-warning-bg-color: var(--warning);
  --md-mermaid-node-bg-color: var(--surface-2);
  --md-mermaid-node-fg-color: var(--text);
  --md-mermaid-edge-color: var(--text-muted);
  --md-mermaid-label-bg-color: var(--bg);
  --md-mermaid-label-fg-color: var(--text);
  --md-shadow-z1: var(--shadow-sm);
  --md-shadow-z2: var(--shadow-sm);
  --md-shadow-z3: var(--shadow-pop);
}