/**
 * Botifex marketing design tokens
 * Single source for color, type, spacing, radius, shadow.
 */
:root {
  /* Neutrals */
  --color-bg: #06091a;
  --color-bg-elevated: rgba(6, 9, 26, 0.98);
  --color-surface: rgba(10, 14, 32, 0.97);
  --color-surface-alt: rgba(8, 11, 26, 0.97);
  --color-border: rgba(58, 144, 255, 0.22);
  --color-border-subtle: rgba(58, 144, 255, 0.14);
  --color-text: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.72);
  --color-text-faint: rgba(255, 255, 255, 0.45);

  /* Brand */
  --color-primary: #4a9eff;
  --color-primary-dim: rgba(58, 144, 255, 0.12);
  --color-primary-hover: #7ec8ff;
  --color-success: #3dd68c;
  --color-success-dim: rgba(61, 214, 140, 0.12);

  /* Type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --text-display: clamp(2.25rem, 4.5vw, 3rem);
  --text-h1: clamp(2rem, 4vw, 2.75rem);
  --text-h2: clamp(1.5rem, 3vw, 1.9rem);
  --text-h3: clamp(1.15rem, 2vw, 1.3rem);
  --text-body: 1rem;
  --text-caption: 0.8125rem;
  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.7;
  --fw-heading: 500;
  --fw-body: 400;

  /* Spacing */
  --space-section-y: 3rem;
  --space-section-y-lg: 5rem;
  --space-card: 1.25rem;
  --space-card-lg: 1.75rem;
  --content-max: 1120px;

  /* Components */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.35);
  --ux-focus-ring: 0 0 0 3px rgba(74, 158, 255, 0.45);
  --ux-btn-min-h: 44px;
  --ux-nav-drawer-w: min(100vw, 320px);
}