/* ==========================================================
   COMEX International Group — Design tokens
   Colores y tipografías tomados de la presentación corporativa v3.
   ========================================================== */
:root {
  /* Marca */
  --navy: #1D365E;
  --navy-900: #0F1F38;
  --navy-950: #0A1528;
  --green: #06843F;
  --green-400: #2FB56A;
  --steel: #9AA9BF;
  --ink: #0B0B0B;
  --ivory: #FBFBF9;
  --mist: #EFF2F5;

  /* Semánticos (superficie clara) */
  --bg: var(--ivory);
  --bg-alt: var(--mist);
  --surface: #FFFFFF;
  --text: #121A26;
  --text-muted: #4E5A6B;
  --line: #DCE2EA;
  --accent: var(--green);
  --focus: #0A7CFF;

  /* Superficie oscura */
  --dark-bg: var(--navy-950);
  --dark-text: #EEF2F7;
  --dark-muted: #9AA9BF;
  --dark-line: rgba(154, 169, 191, .18);

  /* Tipografía */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;

  --fs-xs: .8125rem;
  --fs-sm: .9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.125rem, 1rem + .4vw, 1.3125rem);
  --fs-h3: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.4vw, 3.5rem);
  --fs-h1: clamp(2.375rem, 1.4rem + 3.6vw, 4.5rem);

  /* Espaciado */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --section-y: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter: clamp(1rem, .5rem + 2.5vw, 2.5rem);
  --container: 1240px;

  /* Forma y movimiento */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .6s;
  --header-h: 72px;
}