:root {
  /* CORE — extraídos del logo y proyectos reales */
  --aida-green:        #006F2E;
  --aida-green-deep:   #00481E;
  --aida-green-soft:   #E8F0EA;

  /* NEUTROS ARQUITECTÓNICOS */
  --bone:              #F4F0E8;
  --bone-warm:         #EBE5D6;
  --concrete:          #C8C2B5;
  --shadow-ink:        #1A1A18;
  --charcoal:          #2A2A28;

  /* ACENTOS DEL CONTEXTO YUCATECO */
  --merida-sky:        #46639D;
  --tropical-leaf:     #4A6B3A;
  --terracotta:        #B8623D;
  --gold-leaf:         #B8924C;

  /* TIPOGRAFÍA — sistema fluido */
  --fs-mono:    clamp(0.72rem, 0.7rem + 0.1vw, 0.82rem);
  --fs-sm:      clamp(0.85rem, 0.83rem + 0.1vw, 0.95rem);
  --fs-body:    clamp(1.00rem, 0.97rem + 0.15vw, 1.13rem);
  --fs-lg:      clamp(1.20rem, 1.10rem + 0.5vw, 1.40rem);
  --fs-h3:      clamp(1.50rem, 1.30rem + 1.0vw, 2.20rem);
  --fs-h2:      clamp(2.20rem, 1.80rem + 2.0vw, 3.80rem);
  --fs-h1:      clamp(3.20rem, 2.40rem + 4.0vw, 7.00rem);
  --fs-display: clamp(4.50rem, 3.00rem + 7.0vw, 11.0rem);

  /* ESPACIADO — sistema 8pt */
  --sp-1:  0.5rem;
  --sp-2:  1rem;
  --sp-3:  1.5rem;
  --sp-4:  2rem;
  --sp-6:  3rem;
  --sp-8:  4rem;
  --sp-12: 6rem;
  --sp-16: 8rem;
  --sp-24: 12rem;

  /* CONTENEDORES */
  --container-narrow: 76rem;
  --container-wide:   88rem;
  --container-ultra:  120rem;

  /* SOMBRAS ARQUITECTÓNICAS — no soft, más planas */
  --shadow-blueprint:  0 1px 0 rgba(26,26,24,.05), 0 8px 24px -12px rgba(26,26,24,.18);
  --shadow-elevated:   0 1px 0 rgba(26,26,24,.06), 0 24px 64px -28px rgba(26,26,24,.28);
  --shadow-inset:      inset 0 0 0 1px var(--concrete);

  /* CURVAS */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-arch:    cubic-bezier(0.65, 0, 0.35, 1);

  /* FAMILIAS */
  --ff-display: 'Cormorant Garamond', 'Cormorant', Georgia, serif;
  --ff-body:    'Inter Tight', 'Inter', system-ui, -apple-system, sans-serif;
  --ff-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
}