:root {
  /* Brand palette */
  --primary-900: #0b1020;
  --primary-800: #0f1629;
  --primary-700: #101b31;
  --primary-600: #13233f;
  --primary-500: #1e335c;

  --accent-teal-500: #00c7b1;
  --accent-teal-600: #00ac9b;
  --accent-sky-500: #005B9A;
  --accent-sky-600: #2e8bf7;
  --accent-purple-500: #b28dff;
  --accent-amber-500: #f6b756;
  --accent-mint-200: #b8f6e7;

  /* Neutrals */
  --neutral-50: #f8fbff;
  --neutral-100: #eef3fb;
  --neutral-200: #d9e2f3;
  --neutral-300: #b5c1d9;
  --neutral-400: #8c97af;
  --neutral-500: #5e6a82;
  --neutral-600: #38435b;

  /* Text */
  --text-strong: #e9edf6;
  --text-base: #cfd7e7;
  --text-muted: #b2bed6;
  --text-inverse: #0d1527;
  --text-dark: #1C1D1F;

  /* Surfaces */
  --surface-page: var(--primary-900);
  --surface-hero: linear-gradient(135deg, #0c1222 0%, #0b1a34 45%, #10294a 100%);
  --surface-card: rgba(255, 255, 255, 0.02);
  --surface-card-strong: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  --surface-panel: #0f1729;
  --surface-contrast: #0f1b30;
  --surface-light: var(--neutral-50);

  /* Borders */
  --border-soft: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-dark: rgba(13, 21, 39, 0.12);

  /* Typography */
  --font-family-heading: 'Manrope', 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-body: 'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-ui: 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-2xl: 28px;
  --font-size-3xl: 38px;
  --font-size-4xl: 48px;
  --font-size-5xl: 60px;

  /* Spacing scale */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 20px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 52px;
  --space-4xl: 72px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 12px 28px rgba(6, 16, 35, 0.32);
  --shadow-strong: 0 18px 42px rgba(0, 199, 177, 0.28);
  --shadow-card: 0 14px 30px rgba(0, 0, 0, 0.18);
  --shadow-floating: 0 24px 50px rgba(0, 0, 0, 0.32);

  /* Gradients */
  --gradient-primary: linear-gradient(110deg, #13d5c2 0%, #4ea8ff 45%, #8ca3ff 100%);
  --gradient-cta: linear-gradient(120deg, #00c7b1 0%, #2f8bff 60%, #b28dff 100%);
  --gradient-soft: linear-gradient(145deg, rgba(0, 199, 177, 0.12), rgba(79, 168, 255, 0.08));

  /* Breakpoints */
  --bp-xs: 480px;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* Legacy aliases (compatibilidad) */
  --accent-teal: var(--accent-teal-500);
  --accent-blue: #0a7ac4;
  --accent-purple: #b58dd5;
  --text-light: var(--text-strong);
}