/* Design tokens */
:root {
  /* Brand colors */
  --color-accent:       #b5651d;
  --color-accent-dark:  #8f4e14;
  --color-accent-light: #d4843a;
  --color-success:      #5FDC80;
  --color-success-dark: #46B264;
  --color-danger:       #dc2626;

  /* Surfaces */
  --color-bg:      #F6F4F0;
  --color-surface: #ffffff;

  /* Text */
  --color-text:    #1C1C1C;
  --color-text-2:  #444;
  --color-text-3:  #888;

  /* Borders */
  --color-border:  #E5E2DC;

  /* Radius */
  --radius-lg:  20px;
  --radius-sm:  12px;
  --radius-pill: 1260px;

  /* Fonts */
  --font-body:    'Manrope', sans-serif;
  --font-heading: 'Unbounded', sans-serif;

  /* Legacy aliases — оставлены, чтобы не ломать существующие селекторы в странице-специфичных блоках */
  --o: var(--color-accent);
  --os: var(--color-accent-dark);
  --ol: var(--color-accent-light);
  --g: var(--color-success);
  --g2: var(--color-success-dark);
  --bg: var(--color-bg);
  --t: var(--color-text);
  --t2: var(--color-text-2);
  --t3: var(--color-text-3);
  --bd: var(--color-border);
  --r: var(--radius-lg);
  --rsm: var(--radius-sm);
  --red: var(--color-danger);
}