/* ─── Design Tokens ──────────────────────────────────── */
:root {
  /* Indica al navegador que los controles nativos (selects, scrollbars,
     datepickers) deben renderizarse en modo oscuro */
  color-scheme: dark;

  /* Colors */
  --color-bg:          #0B0F1A;
  --color-bg-2:        #0F1525;
  --color-bg-card:     #131929;
  --color-bg-muted:    #111520;
  --color-border:      rgba(255,255,255,0.07);
  --color-border-2:    rgba(255,255,255,0.12);

  --color-accent:      #3B82F6;
  --color-accent-2:    #60A5FA;
  --color-accent-glow: rgba(59,130,246,0.25);
  --color-accent-pale: rgba(59,130,246,0.1);

  --color-teal:        #14B8A6;
  --color-green:       #22C55E;
  --color-orange:      #F97316;
  --color-red:         #EF4444;

  --color-text:        #E2E8F0;
  --color-text-2:      #94A3B8;
  --color-text-3:      #8899B0;

  /* Gradients */
  --gradient-brand:    linear-gradient(135deg, #3B82F6, #14B8A6);

  --gradient-card:     linear-gradient(145deg, #131929, #0F1525);

  /* Typography */
  --font-display:      'Space Grotesk', system-ui, sans-serif;
  --font-body:         'DM Sans', system-ui, sans-serif;
  --font-wordmark:     'Outfit', sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;

  /* Spacing */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  /* Radii */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:   0 12px 40px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 40px rgba(59,130,246,0.2);

  /* Transitions */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:   150ms;
  --dur-base:   250ms;
  --dur-slow:   400ms;
}