/* Design tokens — IM6 Colombia */
:root {
  /* Palette (dark premium) */
  --color-background: #0a0c10;
  --color-foreground: #f6f7fa;
  --color-card: #11141a;
  --color-muted: #161a21;
  --color-muted-foreground: #8a8f9b;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-input: rgba(255, 255, 255, 0.12);
  --color-silver: #c2c6cf;
  --color-graphite: #2a2d35;
  --color-accent: #3e8bff;
  --color-accent-foreground: #06090f;
  --color-destructive: #f04b4b;

  /* Typography */
  --font-headline: "Favorit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Favorit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "ES Nein", "Favorit", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Radii */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-cinematic: 0 30px 80px -20px rgba(0, 0, 0, 0.6);
  --shadow-cta-glow: 0 0 0 1px rgba(62, 139, 255, 0.3),
    0 10px 40px -8px rgba(62, 139, 255, 0.45);
  --shadow-cta-glow-soft: 0 0 0 1px rgba(62, 139, 255, 0.18),
    0 8px 28px -10px rgba(62, 139, 255, 0.25);

  /* Easing */
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);

  /* Layout */
  --container-max: 1280px;
}