/* ============================================================
   OSAGO-ONLINE — design tokens (editorial Apple, light only).
   Источник: beta-handoff styles.css. Сохранены алиасы старых
   имён переменных, чтобы существующие .css-классы продолжали
   работать без модификаций.
   ============================================================ */
:root {
  /* === ИЗ МАКЕТА (1:1) === */
  --bg:           #f6f1e7;
  --bg-elev:      #efe9dc;
  --bg-card:      #fbf7ee;
  --fg:           #1a1814;
  --fg-2:         #4a443a;
  --fg-muted:     #6b6358;
  --fg-dim:       #8a8175;
  --accent:       #19678d;
  --accent-deep:  #125573;
  --rule:         rgba(26,24,20,0.10);
  --rule-soft:    rgba(26,24,20,0.05);

  --shadow-soft:  0 1px 2px rgba(26,24,20,0.04), 0 8px 28px rgba(26,24,20,0.06);
  --shadow-card:  0 1px 1px rgba(26,24,20,0.04), 0 24px 56px -22px rgba(26,24,20,0.22);
  --shadow-lift:  0 2px 2px rgba(26,24,20,0.04), 0 38px 70px -24px rgba(26,24,20,0.30);

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:    'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --container:    1320px;
  --pad-x:        clamp(20px, 4vw, 56px);
  --ease:         cubic-bezier(.22,.6,.18,1);

  /* === АЛИАСЫ ДЛЯ СТАРЫХ КЛАССОВ (forms/cabinet/calculate из EJS) === */
  --accent-fg:    #fbf7ee;
  --accent-hover: #a86838;
  --accent-tint:  rgba(204,138,79,0.14);
  --rule-strong:  rgba(26,24,20,0.18);
  --fg-subtle:    #8a8175;
  --bg-card-2:    #ffffff;
  --field-bg:           #fbf7ee;
  --field-bg-disabled:  #efe9dc;
  --field-rule:         rgba(26,24,20,0.12);
  --field-rule-strong:  rgba(26,24,20,0.22);
  --focus-ring:   rgba(204,138,79,0.28);
  --danger:       #c4541a;
  --danger-tint:  rgba(196,84,26,0.10);
  --radius:       8px;
  --radius-md:    14px;
  --radius-lg:    20px;
  --radius-pill:  999px;
  --hairline:     1px;
  --transition:   240ms var(--ease);
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  :root { --hairline: 0.5px; }
}
:root[data-theme="dark"], :root[data-theme="light"] { color-scheme: light; }