/* «Заказ продуктов» — дизайн-токены (только переменные). Владелец: chef. Подключают шеф и админка. */

:root {
  /* цвета — светлая тема */
  --bg: #F6F7F5;
  --surface: #FFFFFF;
  --surface-2: #EEF0EC;
  --border: #DDE0DA;
  --text: #1A1C1A;
  --text-2: #5C625C;
  --accent: #1E7A4C;
  --on-accent: #FFFFFF;
  --accent-soft: #E3F2EA;
  --danger: #C62828;
  --danger-soft: #FDECEC;
  --warn: #9A5B00;
  --warn-soft: #FFF4E0;
  --focus: #1F5FD1;

  /* отступы */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* размеры */
  --tap-min: 44px;
  --btn-h: 48px;
  --btn-h-lg: 56px;
  --stepper-btn: 44px;
  --row-min-h: 72px;
  --nav-h: 56px;
  --header-h: 56px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* шрифт */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-label: 0.875rem;
  --fs-body: 1rem;
  --fs-heading: 1.25rem;
  --fs-display: 1.75rem;
  --fw-regular: 400;
  --fw-semibold: 600;
  --lh-label: 1.4;
  --lh-body: 1.5;
  --lh-heading: 1.25;
  --lh-display: 1.2;

  /* прочее */
  --shadow-up: 0 -2px 10px rgba(0, 0, 0, .08);
  --overlay: rgba(0, 0, 0, .4);
  --dur: 180ms;
}

[data-theme="dark"] {
  --bg: #121412;
  --surface: #1D201D;
  --surface-2: #262A26;
  --border: #343934;
  --text: #ECEEEA;
  --text-2: #A6ACA6;
  --accent: #3FBF7F;
  --on-accent: #0C1F14;
  --accent-soft: #1B3326;
  --danger: #F0605A;
  --danger-soft: #3A1F1F;
  --warn: #F2AE45;
  --warn-soft: #3A2E17;
  --focus: #7FA8FF;
  --shadow-up: 0 -2px 10px rgba(0, 0, 0, .45);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121412;
    --surface: #1D201D;
    --surface-2: #262A26;
    --border: #343934;
    --text: #ECEEEA;
    --text-2: #A6ACA6;
    --accent: #3FBF7F;
    --on-accent: #0C1F14;
    --accent-soft: #1B3326;
    --danger: #F0605A;
    --danger-soft: #3A1F1F;
    --warn: #F2AE45;
    --warn-soft: #3A2E17;
    --focus: #7FA8FF;
    --shadow-up: 0 -2px 10px rgba(0, 0, 0, .45);
  }
}