/* ATTUNE · attune.blog — единые токены сайта и кабинета (ТЗ v2 §21.2).
   Тёплый архитектурный минимализм: известковая штукатурка, камень, терракота, шалфей.
   Только светлая тема. Финальные значения фиксируются в DESIGN.md после проверки контраста. */

@font-face{font-family:'Cormorant Garamond';src:url('/static/fonts/CormorantGaramond-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/static/fonts/CormorantGaramond-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/Inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/Inter-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  color-scheme: light;

  --attune-bg: #F7F3ED;
  --attune-sidebar: #FAF7F2;
  --attune-surface: #FFFCF8;
  --attune-surface-solid: #FFFFFF;
  --attune-text: #243238;
  --attune-text-muted: #59635F;
  --attune-primary: #A9604F;
  --attune-primary-hover: #8F4E3F;
  --attune-primary-soft: #F1DFD7;
  --attune-sage-soft: #E7EBE1;
  --attune-sage-ink: #496154;
  --attune-teal: #426C6B;
  --attune-sand: #EADDCB;
  --attune-border: #DED6CA;
  --attune-control-border: #7F8B83;
  --attune-focus: #426C6B;
  --attune-error: #9F372B;

  --font-serif: 'Cormorant Garamond', 'PT Serif', Georgia, serif;
  --font-sans: 'Inter', 'PT Sans', system-ui, -apple-system, sans-serif;

  --radius-card: 20px;
  --radius-control: 12px;
  --radius-pill: 999px;
  --shadow-card: 0 2px 12px rgb(36 50 56 / 0.035);
  --shadow-popover: 0 14px 40px rgb(36 50 56 / 0.12);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --duration-feedback: 120ms;
  --duration-ui: 180ms;
  --duration-panel: 220ms;
  --ease-entrance: cubic-bezier(0.22, 1, 0.36, 1);

  --tap-min: 44px;
}

@media (prefers-reduced-motion: reduce){
  :root{--duration-feedback:0ms;--duration-ui:0ms;--duration-panel:0ms}
}