/* =========================================================
   Налоги ИП 2026 — Design Tokens
   Подключать ПЕРЕД components.css и любым feature-CSS.
   ========================================================= */

:root{
  /* ---------- Anchor palette ---------- */
  --color-primary:        #0f5c4a;   /* forest-green — деньги/рост */
  --color-primary-600:    #0d4f3f;
  --color-primary-700:    #0a3f32;
  --color-primary-050:    #eaf2ee;
  --color-primary-100:    #d7e6df;

  --color-accent:         #b45f06;   /* copper — премиальность */
  --color-accent-600:     #9a5006;
  --color-accent-050:     #fbf1e4;

  --color-success:        #15803d;
  --color-warning:        #b45309;
  --color-danger:         #b91c1c;

  /* ---------- Surfaces ---------- */
  --color-bg:             #fafbf9;
  --color-surface:        #ffffff;
  --color-surface-2:      #f4f6f3;
  --color-text:           #0c2a22;
  --color-text-2:         #29463c;
  --color-text-muted:     #546e64;
  --color-text-faint:     #8a9d95;
  --color-line:           #e4ebe6;
  --color-line-2:         #eff3ef;

  /* ---------- 6 режимов ---------- */
  --mode-osno:   #7c2d12;
  --mode-usn6:   #0f5c4a;
  --mode-usn15:  #15803d;
  --mode-psn:    #b45f06;
  --mode-npd:    #0891b2;
  --mode-ausn:   #7c3aed;

  /* ---------- Typography ---------- */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --fs-xs:      11px;
  --fs-sm:      12px;
  --fs-base:    14px;
  --fs-md:      16px;
  --fs-lg:      18px;
  --fs-xl:      22px;
  --fs-2xl:     30px;
  --fs-3xl:     44px;
  --fs-hero:    64px;

  /* ---------- Spacing scale ---------- */
  --sp-1:  4px;   --sp-2:  8px;   --sp-3:  12px;
  --sp-4:  16px;  --sp-5:  20px;  --sp-6:  24px;
  --sp-8:  32px;  --sp-10: 40px;  --sp-14: 56px;
  --sp-18: 72px;  --sp-24: 96px;

  /* ---------- Radii ---------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* ---------- Shadows ---------- */
  --sh-1:    0 1px 2px rgba(12,42,34,.04), 0 1px 0 rgba(12,42,34,.02);
  --sh-2:    0 1px 2px rgba(12,42,34,.05), 0 8px 28px -12px rgba(12,42,34,.10);
  --sh-hero: 0 1px 2px rgba(12,42,34,.05), 0 24px 48px -18px rgba(15,92,74,.22);

  /* ---------- Motion ---------- */
  --ease:     cubic-bezier(.2,.8,.2,1);
  --dur-fast: 150ms;
  --dur-med:  250ms;
}

/* Все денежные значения — tabular-nums */
.num, .mono, [data-num]{
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

html,body{ margin: 0; padding: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-sans); }