/* Hallmark · macrostructure: Statement Hero + Data Proof · tone: institutional-clear · anchor hue: teal->violet
 * pre-emit critique: P5 H5 E5 S5 R4 V5 (íconos propios + gráfico de marca)
 * True Margin · sistema de diseño · tema claro · paleta navy/teal/violet (OKLCH, fiel al PDF de marca)
 */

:root {
  /* ----- Color · marca ----- */
  --teal:        oklch(0.783 0.131 183.0);   /* #2ED3C0 */
  --teal-bright: oklch(0.819 0.136 183.0);   /* #36E0CC */
  --teal-deep:   oklch(0.640 0.115 184.0);
  --violet:      oklch(0.598 0.228 286.4);   /* #7C5CFD */
  --purple:      oklch(0.545 0.234 291.1);   /* #7843EA */

  /* ----- Color · tinta y fondos ----- */
  --ink:         oklch(0.213 0.039 267.7);   /* navy texto */
  --ink-soft:    oklch(0.300 0.038 263.0);
  --dark:        oklch(0.208 0.040 256.8);   /* fondo oscuro (puntuación) */
  --dark-2:      oklch(0.238 0.042 250.0);
  --paper:       oklch(0.956 0.012 170.3);   /* menta pálida */
  --cream:       oklch(0.961 0.011 89.7);    /* crema cálida */
  --white:       oklch(1.000 0 0);
  --bg-base:     oklch(0.993 0.004 175.0);   /* casi blanco con toque menta */

  /* ----- Color · texto secundario y líneas ----- */
  --muted:       oklch(0.505 0.031 262.2);
  --muted-2:     oklch(0.661 0.026 262.1);
  --line:        oklch(0.905 0.014 169.2);
  --line-2:      oklch(0.860 0.016 175.0);
  --line-dark:   oklch(0.308 0.039 243.6);
  --on-dark:     oklch(0.965 0.006 180.0);
  --on-dark-mut: oklch(0.720 0.018 230.0);

  /* ----- Gradiente de marca ----- */
  --grad: linear-gradient(100deg, var(--teal) 0%, var(--violet) 95%);
  --grad-soft: linear-gradient(100deg, oklch(0.783 0.131 183.0 / 0.16), oklch(0.598 0.228 286.4 / 0.16));

  /* ----- Tipografía ----- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  --text-hero:    clamp(2.7rem, 6.2vw, 5.1rem);
  --text-display: clamp(2rem, 4.4vw, 3.4rem);
  --text-h2:      clamp(1.7rem, 3.2vw, 2.7rem);
  --text-h3:      clamp(1.22rem, 1.8vw, 1.55rem);
  --text-lead:    clamp(1.08rem, 1.5vw, 1.34rem);
  --text-body:    1.0625rem;
  --text-sm:      0.92rem;
  --text-xs:      0.8rem;
  --text-eyebrow: 0.74rem;

  --lh-tight: 1.04;
  --lh-snug:  1.18;
  --lh-body:  1.62;

  /* ----- Espaciado (escala 4pt) ----- */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 96px;
  --space-3xl: 140px;

  /* ----- Radios ----- */
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-pill: 999px;

  /* ----- Sombras (suaves, tema claro) ----- */
  --shadow-sm:  0 1px 2px oklch(0.213 0.039 267.7 / 0.04), 0 4px 12px oklch(0.213 0.039 267.7 / 0.05);
  --shadow-md:  0 2px 4px oklch(0.213 0.039 267.7 / 0.05), 0 16px 40px oklch(0.213 0.039 267.7 / 0.08);
  --shadow-lg:  0 4px 8px oklch(0.213 0.039 267.7 / 0.06), 0 30px 70px oklch(0.213 0.039 267.7 / 0.12);

  /* ----- Movimiento ----- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur:      280ms;
  --dur-slow: 560ms;

  /* ----- Layout ----- */
  --container: 1180px;
  --gutter: clamp(20px, 5vw, 56px);
  --nav-h: 70px;
}