:root {

  color-scheme: dark;

  --bg: #000000;

  --surface: #0a0a0a;

  --surface-2: #121212;

  --surface-slate: #16171a;

  --border: rgba(255, 255, 255, 0.08);

  --border-strong: rgba(255, 255, 255, 0.14);

  --text: #ffffff;

  --muted: #a3a3a3;

  --accent: #ffffff;

  /* Lima / verde corporativo (CTA, precios, acentos) */
  --brand-lime: #b6ee69;

  --accent-soft: rgba(255, 255, 255, 0.14);

  --danger: #737373;



  --space-1: 0.25rem;

  --space-2: 0.5rem;

  --space-3: 0.75rem;

  --space-4: 1rem;

  --space-5: 1.5rem;

  --space-6: 2rem;

  --space-7: 2.5rem;

  --space-8: 3rem;

  --space-9: 4rem;

  --space-10: 6rem;



  --radius-sm: 0.375rem;

  --radius-md: 0.75rem;

  --radius-lg: 1.25rem;

  --radius-xl: 1.75rem;

  --radius-pill: 9999px;



  --container: 72rem;

  --gutter: var(--space-5);



  --font-display: "Inter Tight", ui-sans-serif, system-ui, sans-serif;

  --font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;

  /* Solo tres pesos en toda la UI */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-strong: 600;

  /* Solo tres tamaños de texto en toda la UI */
  --type-sm: 0.75rem;
  --type-md: 1rem;
  --type-lg: 3rem;



  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.35);

  --shadow-md: 0 18px 48px rgba(0, 0, 0, 0.55);

  --shadow-glow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 24px 80px rgba(0, 0, 0, 0.65);



  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);

  --dur-1: 180ms;

  --dur-2: 420ms;

  --dur-3: 720ms;



  --header-h: 4.25rem;

  --z-header: 50;

  --z-cursor: 200;

}