/* Дизайн-токены — цвета, шрифты, отступы */

:root {
  --color-bg: #ffffff;
  --color-text: #1a1a1a;
  --color-text-muted: #666;
  --color-accent: #2563eb;
  --color-link: #2563eb;
  --color-border: #e5e7eb;

  --font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  --max-width: 1200px;
  --max-width-catalog: 1280px;
  --catalog-gap: 8px;
  --card-width: 224px;
  --card-radius: 14px;
  --radius: 8px;
  --radius-btn: 50px;
  --color-btn-bg: #000000;
  --color-btn-text: #ffffff;

  /* Кнопки shine (как в примере): обводка и текст #fe6637, hover — заливка */
  --btn-shine: #fe6637;
  --btn-shine-border: 2px solid #fe6637;
  --btn-shine-radius: 50px;
  --btn-gloss-inset: inset 0 1px 0 rgba(255, 255, 255, 0.38);
}