/* Основия — токены оформления. Светлая тема по умолчанию, «Ночная смена» через data-theme="dark" на <html>.
   Сгенерировано _src/palette.py, руками не править: меняйте палитру там и перезапустите скрипт. */
:root {
  color-scheme: light;
  --color-bg: #F6F4EE;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EFECE4;
  --color-surface-3: #E4E0D6;
  --color-text: #0C0F12;
  --color-text-secondary: #3E4850;
  --color-text-muted: #525E67;
  --color-line: #DCD8CE;
  --color-border: #69747C;
  --color-border-strong: #0C0F12;
  --color-accent: #C8F03C;
  --color-accent-hover: #B8E327;
  --color-accent-active: #A6D016;
  --color-accent-edge: #0C0F12;
  --color-on-accent: #0C0F12;
  --color-accent-text: #466200;
  --color-accent-text-hover: #354A00;
  --color-focus: #466200;
  --color-selection: #C8F03C;
  --color-error-bg: #FCE9E7;
  --color-error-text: #A1201A;
  --color-error-border: #C2453D;
  --color-success-bg: #E3F2E6;
  --color-success-text: #1C6234;
  --color-success-border: #3F8A57;
  --color-warning-bg: #FCF0D4;
  --color-warning-text: #7E4E00;
  --color-warning-border: #B07A12;
  --logo-mark: #0C0F12;
  --logo-window: #C8F03C;
  --logo-word: #0C0F12;
  --shadow-card: 0 0 0 1px rgba(12,15,18,.06), 0 1px 2px rgba(12,15,18,.06), 0 2px 4px rgba(12,15,18,.04);
  --color-photo-ring: rgba(12,15,18,.10);
  --color-hover-wash: rgba(12,15,18,.05);
  --color-header-bg: rgba(246,244,238,.92);
  --font-heading: "Tektur", system-ui, sans-serif;
  --font-text: "IBM Plex Sans", "Plex", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-num: "IBM Plex Mono", "PlexMono", ui-monospace, monospace;
  --radius: 4px;
  --radius-sm: 2px;
  --focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus);
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0C0F12;
  --color-surface-1: #13181D;
  --color-surface-2: #1A2026;
  --color-surface-3: #222A31;
  --color-text: #EEF2F4;
  --color-text-secondary: #A9B4BC;
  --color-text-muted: #909BA3;
  --color-line: #2A323A;
  --color-border: #6E7A83;
  --color-border-strong: #EEF2F4;
  --color-accent: #C8F03C;
  --color-accent-hover: #D7F86A;
  --color-accent-active: #B5DE22;
  --color-accent-edge: #C8F03C;
  --color-on-accent: #0C0F12;
  --color-accent-text: #C8F03C;
  --color-accent-text-hover: #D7F86A;
  --color-focus: #C8F03C;
  --color-selection: #C8F03C;
  --color-error-bg: #3A1715;
  --color-error-text: #FF9C92;
  --color-error-border: #C2453D;
  --color-success-bg: #11301C;
  --color-success-text: #7FDB9A;
  --color-success-border: #3F8A57;
  --color-warning-bg: #36290B;
  --color-warning-text: #FFCB63;
  --color-warning-border: #B07A12;
  --logo-mark: #C8F03C;
  --logo-window: transparent;
  --logo-word: #EEF2F4;
  --shadow-card: 0 0 0 1px rgba(238,242,244,.08);
  --color-photo-ring: rgba(255,255,255,.10);
  --color-hover-wash: rgba(238,242,244,.06);
  --color-header-bg: rgba(12,15,18,.92);
}
