/*
 * CGC | Creating Growth Capabilities — Tokens de diseño (Fase 1)
 * Extraídos de la home aprobada (home-v2.html).
 * [P] = valor provisional, no definido en el manual de marca recibido (solo se vieron 2 de 12 páginas).
 */
:root {
  /* ---- Color: marca (manual, páginas 5 y 8) ---- */
  --cgc-teal-deep:   #054652;  /* Teal Profundo  · primario, títulos, botones sobre claro */
  --cgc-teal-dark:   #045360;  /* Teal Oscuro    · etiquetas y texto de apoyo sobre claro */
  --cgc-teal-bright: #008C9E;  /* Teal Brillante · acento (solo en grande o sobre oscuro: 3,9:1 sobre blanco) */
  --cgc-ink:         #021E24;  /* Negro CGC      · fondos oscuros, cabecera sólida, pie */
  --cgc-white:       #FFFFFF;
  --cgc-gradient:    linear-gradient(120deg, #054652 0%, #045360 45%, #008C9E 100%);

  /* ---- Color: derivados [P] ---- */
  --cgc-sky:   #6CCBD8;  /* acento claro sobre fondos oscuros (etiquetas, subrayados, barras) */
  --cgc-mist:  #A9C7CC;  /* texto secundario sobre oscuro */
  --cgc-paper: #F6F9F9;  /* fondo claro alterno */
  --cgc-stone: #E4ECED;  /* filetes y bordes suaves */
  --cgc-line:  #B9CFD3;  /* filetes más visibles */
  --cgc-muted: #47666C;  /* texto de párrafo sobre claro (contraste AA 6,3:1 sobre blanco) */

  /* ---- Roles semánticos ---- */
  --cgc-bg:            var(--cgc-white);
  --cgc-bg-alt:        var(--cgc-paper);
  --cgc-bg-dark:       var(--cgc-ink);
  --cgc-text:          var(--cgc-ink);
  --cgc-text-muted:    var(--cgc-muted);
  --cgc-heading:       var(--cgc-teal-deep);
  --cgc-accent:        var(--cgc-teal-bright);
  --cgc-accent-on-dark: var(--cgc-sky);
  --cgc-border:        var(--cgc-stone);
  --cgc-focus:         var(--cgc-sky);
  --cgc-veil:          rgba(2, 30, 36, .94);            /* velo sobre foto/arte para leer texto */
  --cgc-header-solid:  rgba(2, 30, 36, .90);

  /* ---- Tipografía ([P]: fuentes oficiales por confirmar) ---- */
  --cgc-font-display: 'Outfit', 'Segoe UI', sans-serif;  /* títulos, menú, etiquetas */
  --cgc-font-body:    'Carlito', Calibri, 'Segoe UI', sans-serif;  /* texto corrido */
  --cgc-fw-thin: 200;  /* títulos grandes */
  --cgc-fw-light: 300;
  --cgc-fw-regular: 400;
  --cgc-fw-medium: 500;

  --cgc-fs-body:   clamp(19px, 1.25vw, 22px);
  --cgc-lh-body:   1.65;
  --cgc-fs-label:  13.5px; /* mayúsculas, tracking .28em */
  --cgc-fs-nav:    14.5px;  /* mayúsculas, tracking .2em */
  --cgc-fs-link:   13px;   /* enlace de texto, tracking .22em */
  --cgc-fs-h1:     clamp(38px, 5vw, 84px);   /* titular de cabecera */
  --cgc-fs-h2:     clamp(30px, 3.6vw, 60px);   /* titular de sección */
  --cgc-fs-h3:     clamp(21px, 2vw, 30px);     /* título de tarjeta / fila */
  --cgc-fs-lead:   clamp(20px, 1.65vw, 26px);
  --cgc-lh-heading: 1.1;
  --cgc-ls-heading: -.015em;
  --cgc-ls-label:  .28em;
  --cgc-ls-nav:    .2em;

  /* ---- Layout ---- */
  --cgc-gutter:    clamp(22px, 5.5vw, 96px);
  --cgc-max:       1600px;
  --cgc-section-y: clamp(88px, 12vw, 170px);
  --cgc-section-y-tight: clamp(52px, 6vw, 88px);
  --cgc-header-h:  96px;   /* 76px al desplazarse, 76/68 en móvil */
  --cgc-bp-tablet: 1040px; /* menú pasa a hamburguesa; columnas se apilan */
  --cgc-bp-mobile: 640px;

  /* ---- Forma y movimiento ---- */
  --cgc-radius: 0;               /* esquinas rectas; solo círculos en controles */
  --cgc-radius-round: 50%;
  --cgc-shadow: none;            /* sin sombras; jerarquía por filetes y color */
  --cgc-border-hair: 1px solid var(--cgc-stone);
  --cgc-ease: cubic-bezier(.2, .7, .2, 1);
  --cgc-dur: .35s;
  --cgc-card-ratio-area: 3 / 4.4;   /* tarjetas de servicio */
  --cgc-card-ratio-news: 3 / 4;     /* imagen de noticia */
  --cgc-panel-w: 40%;               /* foto lateral a toda la altura (casos, carreras) */
}