/* Generated by tools/generate.cjs theme. Do not edit directly.
 * Shared colors: data/config.js. CSS-only tokens: css/theme.css.in. */
/* Owner: theme. Theme tokens only. See AGENTS.md. */

:root {
  --gold: #ffdc63;
  --blue: #2e86ff;
  --cyan: #11d4ff;
  --mastery-purple: #c9a7ff;
  --green-soft: rgba(var(--accent-rgb), 0.15);
}

html:is([data-theme="light"],[data-theme="dark"]) {
  --secondary-rgb: var(--custom-accent-rgb, 0, 228, 119);
  --red: var(--custom-bar-low, #ff365b);
  --orange: var(--custom-bar-medium, #ff9d00);
  --thumb-border: var(--custom-tab-bg, #0a0a0a);
  --sticky-rgb: var(--custom-tab-background-rgb, 10, 10, 10);
}

html:root {
  color-scheme: light;
  --custom-site-bg: #EEE8DB;
  --custom-tab-bg: #F8F5EC;
  --custom-accent: #13A865;
  --custom-text-color: #252B2D;
  --custom-number-color: #178A59;
  --custom-bar-low: #C65B62;
  --custom-bar-medium: #C99134;
  --custom-bar-good: #9E8A35;
  --custom-bar-great: #4D9566;
  --custom-bar-elite: #24744B;
  --custom-site-background-rgb: 238, 232, 219;
  --custom-tab-background-rgb: 248, 245, 236;
  --custom-accent-rgb: 19, 168, 101;
  --custom-text-color-rgb: 37, 43, 45;
  --archetype-icon-contrast: #050505;
  --archetype-icon-filter: brightness(0) saturate(100%);
  --canvas: var(--custom-site-bg,#EEE8DB);
  --paper: var(--custom-tab-bg,#F8F5EC);
  --paper-main: #FBF9F3;
  --paper-raised: #FFFDF8;
  --paper-muted: #F2EEE4;
  --paper-deep: #E9E3D6;
  --ink: var(--custom-text-color,#252B2D);
  --ink-strong: #171C1E;
  --ink-muted: #686761;
  --ink-subtle: #929087;
  --pencil: #7E7B73;
  --pencil-soft: rgba(67,64,58,.18);
  --pencil-faint: rgba(67,64,58,.09);
  --pencil-strong: rgba(45,43,39,.34);
  --brand-green: var(--custom-accent,#13A865);
  --brand-green-dark: #0C7C4A;
  --brand-green-soft: #DDEFE4;
  --brand-green-wash: rgba(19,168,101,.10);
  --highlighter-yellow: #F3E681;
  --highlighter-yellow-soft: rgba(243,230,129,.55);
  --title-marker-color: var(--highlighter-yellow-soft);
  --title-marker-height: 12px;
  --title-marker-bottom: 3px;
  --title-marker-angle: -1deg;
  --selection-marker-wash: rgba(243,230,129,.38);
  --worksheet-section-line: color-mix(in srgb,var(--pencil-soft) 80%,transparent);
  --focus-blue: #3E78A8;
  --danger: #C65B62;
  --danger-soft: #F5DFE1;
  --warning: #C99134;
  --warning-soft: #F5EACB;
  --success: #4D9566;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --shadow-paper: 0 3px 10px rgba(65,52,35,.10);
  --shadow-control: 0 1px 2px rgba(65,52,35,.09);
  --shadow-popover: 0 12px 32px rgba(45,37,28,.18);
  --bg: var(--canvas);
  --panel: var(--paper);
  --text: var(--ink);
  --number: var(--custom-number-color,#178A59);
  --green: var(--brand-green);
  --accent-rgb: var(--custom-accent-rgb,19,168,101);
  --accent-bright: var(--custom-accent-bright,#42b983);
  --accent-contrast: var(--custom-accent-contrast,#ffffff);
  --paper-ink: var(--ink-strong);
  --paper-grain: url('../assets/paper-grain.svg');
  --brush: url('../assets/brush-stroke.svg');
  --paper-cut: polygon(1% 3%,31% 0,58% 3%,99% 0,98% 26%,100% 48%,98% 76%,99% 98%,64% 96%,32% 100%,0 97%,2% 71%,0 42%);
  --label-cut: polygon(2% 0,100% 1%,98% 100%,0 98%);
  --surface-board: color-mix(in srgb,var(--panel) 85%,var(--paper-main));
  --surface-card: var(--panel);
  --surface-raised: color-mix(in srgb,var(--panel) 85%,var(--paper-raised));
  --muted: var(--ink-muted);
  --subtle: var(--ink-subtle);
  --line: var(--pencil-soft);
  --line-strong: var(--pencil-strong);
  --shadow-card: var(--shadow-paper);
  --shadow-dialog: var(--shadow-popover);
  --radius: var(--radius-sm);
  --space: 18px;
  --input-bg: var(--surface-raised);
  --track-rest: var(--paper-deep);
  --shell-bg: var(--bg);
  --shell-surface: var(--panel);
  --shell-surface-raised: var(--surface-raised);
  --shell-surface-strong: var(--surface-card);
  --shell-line: var(--line);
  --shell-line-strong: var(--line-strong);
  --shell-green-line: var(--green);
  --button-start: var(--input-bg);
  --button-end: var(--input-bg);
  --button-hover-start: var(--surface-raised);
  --button-hover-end: var(--surface-raised);
  --green-mid: var(--green);
  --panel-soft: var(--surface-card);
  --sticky-rgb: var(--custom-tab-background-rgb,17,27,32);
}

html:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: var(--custom-site-bg,#11100E);
  --paper: var(--custom-tab-bg,#1A1916);
  --paper-main: #1F1E1A;
  --paper-raised: #292720;
  --paper-muted: #191815;
  --paper-deep: #11100E;
  --ink: var(--custom-text-color,#ECE8DE);
  --ink-strong: #FBF7ED;
  --ink-muted: #B7B0A4;
  --ink-subtle: #858078;
  --pencil: #9D978B;
  --pencil-soft: rgba(235,229,217,.17);
  --pencil-faint: rgba(235,229,217,.08);
  --pencil-strong: rgba(245,239,226,.34);
  --brand-green-dark: #42C987;
  --brand-green-soft: #173A2A;
  --brand-green-wash: rgba(66,201,135,.12);
  --highlighter-yellow: #D9C652;
  --highlighter-yellow-soft: rgba(217,198,82,.30);
  --selection-marker-wash: rgba(217,198,82,.24);
  --focus-blue: #78A8D0;
  --danger: #E07A81;
  --danger-soft: #3B2226;
  --warning: #D9A34D;
  --warning-soft: #3B3120;
  --success: #6FC693;
  --shadow-paper: 0 3px 12px rgba(0,0,0,.34);
  --shadow-control: 0 1px 3px rgba(0,0,0,.32);
  --shadow-popover: 0 14px 36px rgba(0,0,0,.56);
}