/* ─────────────────────────────────────────
   IMPULSO CREATIVO STUDIO — Design Tokens
   Paleta: Minimal Internacional
   ───────────────────────────────────────── */

:root {
  /* ── Colores principales ── */
  --musgo:          #FFFFFF;   /* Fondo base */
  --musgo-card:     #F8F8F8;   /* Cards y superficies */
  --musgo-hover:    #F0F0F0;   /* Hover de superficies */
  --musgo-deep:     #0F1210;   /* Footer */

  --esmeralda:      #3D8C6A;   /* Acento principal */
  --esmeralda-dark: #2A6E52;   /* Hover de acento */
  --esmeralda-rich: #F0F7F3;   /* Fondos tinted suaves */
  --esmeralda-hover:#2E7A5A;   /* Hover sobre fondo claro */
  --esmeralda-muted:rgba(61,140,106,0.08);

  --rocio:          #0F1210;   /* Texto principal */
  --rocio-dim:      #888888;   /* Texto secundario */
  --salvia:         #AAAAAA;   /* Texto muted, labels */

  --borde:          #E8E8E8;
  --borde-sutil:    #E8E8E8;
  --borde-hover:    #3D8C6A;

  /* ── Tipografía ── */
  --font-serif: 'Libre Baskerville', Georgia, serif;
  --font-sans:  'Montserrat', system-ui, sans-serif;

  /* Tamaños fluid */
  --text-xs:    11px;
  --text-sm:    13px;
  --text-base:  clamp(14px, 1.1vw, 16px);
  --text-md:    clamp(16px, 1.3vw, 18px);
  --text-lg:    clamp(18px, 1.6vw, 21px);
  --text-xl:    clamp(20px, 2vw, 26px);
  --text-2xl:   clamp(26px, 3vw, 38px);
  --text-3xl:   clamp(36px, 4.2vw, 52px);
  --text-hero:  clamp(42px, 6vw, 76px);

  /* ── Espaciado ── */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   32px;
  --space-lg:   64px;
  --space-xl:   96px;
  --space-2xl:  140px;

  /* ── Layout ── */
  --max-width: 1160px;
  --gutter:    clamp(20px, 5vw, 72px);

  /* ── Motion ── */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:  cubic-bezier(0, 0, 0.2, 1);
  --dur-fast:  0.2s;
  --dur:       0.35s;
  --dur-slow:  0.6s;

  /* ── Radios ── */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
}