/* ── Design tokens ──
   Источник истины: DESIGN.md в корне проекта.
   Меняешь здесь — синхронизируй с DESIGN.md.
*/

:root {
  /* Colors */
  --bg:        #EEECEA;
  --card:      #FFFFFF;
  --border:    #DDDBD8;
  --text:      #111111;
  --muted:     #6B6862;
  --subtle:    #A09D99;
  --check:     #8A8480;
  --btn:       #111111;
  --btn-text:  #FFFFFF;
  --divider:   #E8E6E3;
  --bar-bg:    #E8E6E3;
  --bar-fill:  #111111;
  --save-blue: #3B6EFF;

  /* Typography */
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Fraunces', 'Instrument Serif', serif;

  /* Radii */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-card: 16px;
  --r-full: 9999px;

  /* Spacing */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 20px;
  --sp-xl: 24px;

  /* Heights */
  --btn-h: 50px;
}