/* Единая палитра, геометрия и материалы интерфейса КРСТ. */
:root {
  --color-bg-dark: #21392d;
  --color-bg-dark-2: #13251b;
  --color-accent-green: #719d7e;
  --color-accent-green-light: #a3c7ac;
  --color-gold: #dec98f;
  --color-gold-hover: #e8d8ab;
  --color-cream: #e4d5ae;
  --color-cream-soft: #f1e9d4;
  --color-warm: #d39b79;
  --color-white: #fff;
  --color-status-neutral: #99aaa1;
  --status-in-progress: var(--color-gold);
  --status-done: var(--color-accent-green-light);
  --status-delay: var(--color-warm);
  --status-planned: var(--color-status-neutral);
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --font-main: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 15px;
  --font-size-lg: 20px;
  --font-size-xl: 28px;
  --font-size-xxl: 38px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --ease-premium: cubic-bezier(.22, 1, .36, 1);
  --transition-fast: .18s ease;
  --transition-med: .36s cubic-bezier(.22, 1, .36, 1);
  --sidebar-width: 236px;
  --topbar-height: 64px;
  --bottomnav-height: 68px;
}
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg-app: #0e1915;
  --bg-app-gradient: radial-gradient(ellipse at 17% 0%, #1b3527 0%, #101e17 40%, #0e1915 85%);
  --surface-1: rgba(35, 53, 43, .58);
  --surface-2: rgba(48, 65, 54, .63);
  --surface-hover: rgba(107, 133, 113, .13);
  --bg-glass: var(--surface-1);
  --bg-glass-strong: var(--surface-2);
  --bg-glass-panel: rgba(28, 46, 35, .83);
  --border-glass: rgba(220, 234, 214, .10);
  --border-glass-strong: rgba(225, 237, 218, .20);
  --text-primary: #f1f4ed;
  --text-secondary: #b5c0b5;
  --text-tertiary: #85988b;
  --sidebar-bg: rgba(25, 44, 32, .78);
  --control-bg: rgba(231, 240, 220, .045);
  --control-hover: rgba(231, 240, 220, .085);
  --input-bg: var(--control-bg);
  --divider: rgba(220, 234, 214, .08);
  --accent-soft: rgba(222, 201, 143, .11);
  --accent-border: rgba(222, 201, 143, .22);
  --focus-ring: rgba(222, 201, 143, .58);
  --button-primary-bg: linear-gradient(145deg, #e0d0a2, #cbbb8b);
  --button-primary-text: #233020;
  --shadow-card: 0 4px 18px rgba(1, 12, 5, .10), inset 0 1px 0 rgba(243, 248, 227, .045);
  --shadow-float: 0 18px 56px rgba(1, 9, 5, .28), inset 0 1px 0 rgba(243, 248, 227, .08);
  --shadow-soft: var(--shadow-card);
  --shadow-soft-lg: var(--shadow-float);
  --glass-highlight: rgba(248, 251, 229, .075);
  --surface-solid: #213429;
  --scrollbar-color: rgba(196, 214, 194, .21);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg-app: #f5f6f3;
  --bg-app-gradient: radial-gradient(ellipse at 15% 0%, #e9eee5, #f5f6f3 58%);
  --surface-1: rgba(255, 255, 255, .75);
  --surface-2: rgba(255, 255, 255, .93);
  --surface-hover: rgba(46, 76, 52, .045);
  --bg-glass: var(--surface-1);
  --bg-glass-strong: var(--surface-2);
  --bg-glass-panel: rgba(250, 252, 247, .94);
  --border-glass: rgba(28, 59, 36, .085);
  --border-glass-strong: rgba(28, 59, 36, .16);
  --text-primary: #20392b;
  --text-secondary: #53685a;
  --text-tertiary: #6c7e70;
  --sidebar-bg: rgba(250, 253, 246, .77);
  --control-bg: rgba(36, 65, 43, .035);
  --control-hover: rgba(36, 65, 43, .065);
  --input-bg: var(--control-bg);
  --divider: rgba(28, 59, 36, .075);
  --color-gold: #846c31;
  --color-gold-hover: #6c5521;
  --color-accent-green: #537e60;
  --color-accent-green-light: #447650;
  --color-warm: #a9633e;
  --color-status-neutral: #62796b;
  --accent-soft: rgba(169, 141, 70, .10);
  --accent-border: rgba(147, 120, 52, .22);
  --focus-ring: rgba(98, 133, 80, .46);
  --button-primary-bg: linear-gradient(145deg, #e2d4ad, #d2c195);
  --button-primary-text: #283623;
  --shadow-card: 0 3px 14px rgba(32, 54, 37, .035), inset 0 1px 0 rgba(255, 255, 255, .8);
  --shadow-float: 0 16px 46px rgba(32, 54, 37, .10), inset 0 1px 0 rgba(255, 255, 255, .9);
  --shadow-soft: var(--shadow-card);
  --shadow-soft-lg: var(--shadow-float);
  --glass-highlight: rgba(255, 255, 255, .65);
  --surface-solid: #f9fbf6;
  --scrollbar-color: rgba(60, 86, 62, .22);
}
