/* Токены DL. Генерируется из tokens.json — не править вручную. */
:root {
  --dl-font-sans: "Inter", system-ui, sans-serif;
  --dl-font-mono: "Space Mono", ui-monospace, monospace;
  --dl-radius-photo: 8px;
  --dl-radius-control: 12px;
  --dl-radius-card: 16px;
  --dl-radius-device: 62px;
  --dl-gutter: 16px;
  --dl-gap: 12px;
  --dl-urgency-green: #2FA66A;
  --dl-urgency-yellow: #D9A400;
  --dl-urgency-orange: #E8741E;
  --dl-urgency-red: #D1242F;
  --dl-bg: #FDF5F1;
  --dl-card: #FFFFFF;
  --dl-nav: #FFFFFF;
  --dl-button: #FD478F;
  --dl-button-text: #FFFFFF;
  --dl-accent: #FD478F;
  --dl-text: #2A2635;
  --dl-text-muted: #9B96A8;
  --dl-price: #38B3CE;
  --dl-urgency-stripe: #FD478F;
  --dl-photo-placeholder: #F3E4E4;
  --dl-error: #D1242F;
  --dl-button-pressed: #D81B6A;
  --dl-disabled: #E8DCD6;
  --dl-text-disabled: #A59DAA;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dl-bg: #2A2635;
    --dl-card: #3A3548;
    --dl-nav: #1F1C2A;
    --dl-button: #38B3CE;
    --dl-button-text: #FFFFFF;
    --dl-accent: #38B3CE;
    --dl-text: #FFFFFF;
    --dl-text-muted: #9B96A8;
    --dl-price: #FD478F;
    --dl-urgency-stripe: #38B3CE;
    --dl-photo-placeholder: #4B4560;
    --dl-error: #FF6B6B;
    --dl-button-pressed: #2E9BB5;
    --dl-disabled: #4A4560;
    --dl-text-disabled: #8D88A0;
    --dl-urgency-green: #3DD68C;
    --dl-urgency-yellow: #F2C94C;
    --dl-urgency-orange: #FF9F57;
    --dl-urgency-red: #FF6B6B;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --dl-bg: #2A2635;
  --dl-card: #3A3548;
  --dl-nav: #1F1C2A;
  --dl-button: #38B3CE;
  --dl-button-text: #FFFFFF;
  --dl-accent: #38B3CE;
  --dl-text: #FFFFFF;
  --dl-text-muted: #9B96A8;
  --dl-price: #FD478F;
  --dl-urgency-stripe: #38B3CE;
  --dl-photo-placeholder: #4B4560;
  --dl-error: #FF6B6B;
  --dl-button-pressed: #2E9BB5;
  --dl-disabled: #4A4560;
  --dl-text-disabled: #8D88A0;
  --dl-urgency-green: #3DD68C;
  --dl-urgency-yellow: #F2C94C;
  --dl-urgency-orange: #FF9F57;
  --dl-urgency-red: #FF6B6B;
  color-scheme: dark;
}

/* Текстовые классы */
.dl-title  { font: 900 24px/1.2 var(--dl-font-sans); }
.dl-button { font: 700 16px/1.2 var(--dl-font-sans); }
.dl-name   { font: 500 15px/1.3 var(--dl-font-sans); }
.dl-price  { font: 400 13px/1.4 var(--dl-font-mono); }
.dl-nav-active { font: 700 12px/1.2 var(--dl-font-sans); }
.dl-nav    { font: 400 12px/1.2 var(--dl-font-sans); }