/* Дизайн токени. Един акцент, отделна приглушена статусна гама. */

:root {
  /* Хартия и мастило */
  --paper: #fbf9f4;
  --paper-2: #f4f0e7;
  --paper-3: #ece7da;
  --ink: #1c1b19;
  --ink-2: #3a3833;
  --ink-muted: #5a5852;
  --ink-faint: #8b877e;
  --rule: #ded8cb;
  --rule-strong: #c9c1b0;

  /* Акцент — тъмнозелено */
  --accent: #1f4a38;
  --accent-hover: #17392b;
  --accent-soft: #e7eee9;
  --accent-ink: #fbf9f4;

  /* Статуси */
  --st-ok: #1f4a38;
  --st-ok-soft: #e7eee9;
  --st-warn: #8a6a12;
  --st-warn-soft: #f6efdd;
  --st-risk: #7a2230;
  --st-risk-soft: #f7e7e8;
  --st-na: #8b877e;
  --st-na-soft: #efece4;

  /* Типография */
  --font-display: 'Literata', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-body: 'Golos Text', 'Helvetica Neue', Arial, sans-serif;

  --t-xs: 0.78rem;
  --t-sm: 0.875rem;
  --t-base: 1.0625rem;
  --t-md: 1.1875rem;
  --t-lg: 1.375rem;
  --t-xl: 1.75rem;
  --t-2xl: 2.25rem;
  --t-3xl: 3rem;

  /* Ритъм */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;

  --measure: 44rem;
  --radius: 3px;

  --focus: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent);
}

@media (min-width: 900px) {
  :root {
    --t-2xl: 2.75rem;
    --t-3xl: 3.75rem;
  }
}

/* На телефон 3rem заглавие изяжда целия първи екран и бутонът остава под сгъвката —
   при студен трафик от LinkedIn това е загубен клик. Стъпката надолу е само тук. */
@media (max-width: 560px) {
  :root {
    --t-xl: 1.5rem;
    --t-2xl: 1.875rem;
    --t-3xl: 2.25rem;
    --sp-8: 3rem;
  }
}