/* ============================================
   clck — дизайн-токены (web brutalism)
   Палитра строго: #6C5CE7 / #000000 / #ffffff
   ============================================ */
:root {
  /* Палитра */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-ink: #000000;
  --color-paper: #ffffff;
  --color-text: #000000;
  --color-text-muted: rgba(0, 0, 0, .58);
  --color-text-invert: #ffffff;
  --color-text-invert-muted: rgba(255, 255, 255, .65);
  --color-border: #000000;
  --color-line-invert: rgba(255, 255, 255, .3);
  --color-primary: #6C5CE7;
  --color-primary-hover: #5a49d6;
  --color-primary-soft: rgba(108, 92, 231, .14);
  --color-on-primary: #ffffff;
  --color-overlay: rgba(0, 0, 0, .55);

  /* Тени — только жёсткие, без блюра */
  --shadow-sm: 4px 4px 0 var(--color-ink);
  --shadow-md: 6px 6px 0 var(--color-ink);
  --shadow-lg: 10px 10px 0 var(--color-ink);
  --shadow-primary: 6px 6px 0 var(--color-ink);

  /* Радиусы — брутализм = прямые углы */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-full: 999px;

  /* Рамки */
  --border-w: 2px;
  --border-w-thick: 3px;

  /* Типографика и сетка */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-2xl: 30px;
  --fs-3xl: 40px;
  --fs-4xl: 52px;
  --container: 1160px;
  --header-height: 72px;
  --transition: .15s ease;
}