/* Design tokens — single source of truth for colors, gradients, spacing */
:root {
  --color-primary: #2F5FDE;
  --color-secondary: #FFFFFF;
  --color-info: #F9F9F9;
  --color-lighter: #EEEEEE;
  --color-light: #B5B4B5;
  --color-dark: #1F1B20;
  --color-secondary-text: #B1B0B1;
  --color-secondary-text-bolder: #767676;
  --color-gold: #FFDD57;
  --color-green: #cef9dc;

  --gradient-primary: linear-gradient(-83.28deg, #4C7EFF -31.42%, #1D46C6 72.01%);
  --gradient-shade: linear-gradient(-83.28deg, #2A50B0 -31.42%, #142F82 72.01%);
  --gradient-secondary: linear-gradient(0deg, #FFFFFF 0%, #E7EAEA 100%);
  --gradient-info: linear-gradient(0deg, #F9F9F9 0%, #FFFFFF 100%);
  --gradient-dark: linear-gradient(90deg, #000000 0%, #1F1B20 100%);

  --primary-tint-08: rgba(47, 95, 222, 0.08);
  --primary-tint-14: rgba(47, 95, 222, 0.14);
  --dark-tint-06: rgba(31, 27, 32, 0.06);
  --dark-tint-10: rgba(31, 27, 32, 0.1);

  --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --container-width: 1200px;
  --header-height: 76px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  --shadow-sm: 0 2px 10px var(--dark-tint-06);
  --shadow-md: 0 16px 40px var(--dark-tint-10);

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
}