/* ══ ruktu.com — design tokens ══ */
:root {
  /* paleta morada */
  --bg: #0a0612;
  --bg-2: #0e0919;
  --surface: #140b24;
  --surface-2: #1b1030;
  --border: rgba(167, 139, 250, 0.14);
  --border-strong: rgba(167, 139, 250, 0.32);

  --primary: #8b5cf6;
  --primary-deep: #7c3aed;
  --primary-soft: #a78bfa;
  --primary-faint: #c4b5fd;
  --violet-dark: #6d28d9;
  --pink: #c084fc;

  --text: #ede9fe;
  --text-dim: #a99fc4;
  --text-faint: #736a8f;

  --ok: #34d399;
  --warn: #fbbf24;
  --tg-blue: #2aabee;
  --wa-green: #25d366;

  --grad-hero: linear-gradient(135deg, #6d28d9, #8b5cf6, #c084fc);
  --grad-text: linear-gradient(100deg, #a78bfa, #c084fc 45%, #8b5cf6);
  --glow: 0 0 60px rgba(139, 92, 246, 0.25);
  --glow-sm: 0 0 24px rgba(139, 92, 246, 0.35);

  /* tipografía */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* ritmo */
  --radius: 20px;
  --radius-sm: 12px;
  --section-pad: clamp(4rem, 9vw, 7.5rem);
  --container: 1120px;
}