/* Крым ШинТорг — токены дизайн-системы (из tokens.json). Светлая тема по умолчанию, тёмная — по системе или data-theme. */
:root {
  --surface-0: #FFFFFF;
  --surface-100: #F5F5F3;
  --surface-200: #EBEBE8;
  --ink: #141414;
  --ink-muted: #5C5C5C;
  --line: #DEDEDA;
  --line-strong: #8A8A85;
  --brand-yellow: #FFD21F;
  --brand-yellow-hover: #F2C200;
  --on-brand: #141414;
  --brand-tint: #FFF6CC;
  --inverse-surface: #141414;
  --on-inverse: #FFFFFF;
  --on-inverse-muted: #C2C2BD;
  --success: #1E6B34;
  --success-tint: #E6F2E9;
  --warning: #8A4B00;
  --warning-tint: #FFF0DC;
  --danger: #B42318;
  --focus-ring: #141414;
  --tyre: #2A2A2A;
  --tyre-rim: #C9C9C4;
  --shadow-card: 0 1px 2px rgba(20,20,20,0.06), 0 4px 16px rgba(20,20,20,0.06);
  --shadow-float: 0 6px 20px rgba(20,20,20,0.22);

  --font-display: Manrope, "Segoe UI", system-ui, sans-serif;
  --font-sans: Inter, "Segoe UI", system-ui, sans-serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --radius-sm: 8px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
  --control-height: 48px; --control-height-lg: 54px; --touch-min: 44px;
  --container: 1240px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-0: #0F0F0F; --surface-100: #1A1A1A; --surface-200: #262626;
    --ink: #F2F2F0; --ink-muted: #A8A8A3; --line: #333333; --line-strong: #6E6E69;
    --brand-yellow-hover: #FFE066; --brand-tint: #2E2913;
    --inverse-surface: #000000; --on-inverse-muted: #B3B3AE;
    --success: #6CC587; --success-tint: #13261A; --warning: #F2A65A; --warning-tint: #2B1F0F;
    --danger: #F97066; --focus-ring: #FFD21F;
    --tyre: #050505; --tyre-rim: #5A5A56;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.5); --shadow-float: 0 6px 20px rgba(0,0,0,0.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --surface-0: #0F0F0F; --surface-100: #1A1A1A; --surface-200: #262626;
  --ink: #F2F2F0; --ink-muted: #A8A8A3; --line: #333333; --line-strong: #6E6E69;
  --brand-yellow-hover: #FFE066; --brand-tint: #2E2913;
  --inverse-surface: #000000; --on-inverse-muted: #B3B3AE;
  --success: #6CC587; --success-tint: #13261A; --warning: #F2A65A; --warning-tint: #2B1F0F;
  --danger: #F97066; --focus-ring: #FFD21F;
  --tyre: #050505; --tyre-rim: #5A5A56;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5); --shadow-float: 0 6px 20px rgba(0,0,0,0.6);
  color-scheme: dark;
}
/* Шапка всегда белая: в ней оригинальный красно-синий логотип. Не меняются в тёмной теме. */
:root { --header-bg: #FFFFFF; --header-ink: #141414; --header-muted: #5C5C5C; --header-line: #DEDEDA; }