/* GENERADO por build.py desde tokens.json. No editar a mano. */
:root {
  --cl-nogal: #4A2E1F;
  --cl-nogal-rgb: 74, 46, 31;
  --cl-medio: #7B5A3F;
  --cl-medio-rgb: 123, 90, 63;
  --cl-taupe: #B7A89A;
  --cl-taupe-rgb: 183, 168, 154;
  --cl-arena: #D9C9B6;
  --cl-arena-rgb: 217, 201, 182;
  --cl-crema: #F6EFE7;
  --cl-crema-rgb: 246, 239, 231;
  --cl-tinta: #1F1F1F;
  --cl-tinta-rgb: 31, 31, 31;
  --cl-destello: #C9A57A;
  --cl-destello-rgb: 201, 165, 122;
  --cl-bg: var(--cl-crema);
  --cl-bg-alt: var(--cl-arena);
  --cl-bg-inverse: var(--cl-nogal);
  --cl-text: var(--cl-nogal);
  --cl-text-muted: var(--cl-medio);
  --cl-text-inverse: var(--cl-crema);
  --cl-line-color: var(--cl-medio);
  --cl-accent: var(--cl-medio);
  --cl-font-display: 'Cormorant Garamond', Garamond, 'Times New Roman', serif;
  --cl-font-ui: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --cl-type-display-xl-size: clamp(3.5rem, 8vw, 7rem);
  --cl-type-display-xl-lh: 0.95;
  --cl-type-display-xl-tracking: -0.02em;
  --cl-type-display-xl-weight: 400;
  --cl-type-display-l-size: clamp(2.75rem, 5.5vw, 4.5rem);
  --cl-type-display-l-lh: 1.0;
  --cl-type-display-l-tracking: -0.015em;
  --cl-type-display-l-weight: 400;
  --cl-type-display-m-size: clamp(2rem, 3.5vw, 3rem);
  --cl-type-display-m-lh: 1.05;
  --cl-type-display-m-tracking: -0.01em;
  --cl-type-display-m-weight: 400;
  --cl-type-title-size: 1.75rem;
  --cl-type-title-lh: 1.15;
  --cl-type-title-tracking: 0;
  --cl-type-title-weight: 500;
  --cl-type-lead-size: 1.375rem;
  --cl-type-lead-lh: 1.5;
  --cl-type-lead-tracking: 0.01em;
  --cl-type-lead-weight: 400;
  --cl-type-body-size: 1.125rem;
  --cl-type-body-lh: 1.6;
  --cl-type-body-tracking: 0.01em;
  --cl-type-body-weight: 400;
  --cl-type-label-size: 0.75rem;
  --cl-type-label-lh: 1.4;
  --cl-type-label-tracking: 0.3em;
  --cl-type-label-weight: 500;
  --cl-type-label-s-size: 0.6875rem;
  --cl-type-label-s-lh: 1.4;
  --cl-type-label-s-tracking: 0.24em;
  --cl-type-label-s-weight: 500;
  --cl-type-ui-size: 0.875rem;
  --cl-type-ui-lh: 1.4;
  --cl-type-ui-tracking: 0.12em;
  --cl-type-ui-weight: 500;
  --cl-space-1: 4px;
  --cl-space-2: 8px;
  --cl-space-3: 12px;
  --cl-space-4: 16px;
  --cl-space-5: 24px;
  --cl-space-6: 32px;
  --cl-space-7: 48px;
  --cl-space-8: 64px;
  --cl-space-9: 96px;
  --cl-space-10: 128px;
  --cl-space-11: 192px;
  --cl-radius-none: 0px;
  --cl-radius-sm: 2px;
  --cl-radius-md: 6px;
  --cl-radius-pill: 999px;
  --cl-radius-circle: 50%;
  --cl-hairline: 1px solid rgba(123, 90, 63, 0.45);
  --cl-shadow-soft: 0 1px 2px rgba(74,46,31,.06), 0 8px 24px rgba(74,46,31,.08);
  --cl-shadow-lift: 0 2px 4px rgba(74,46,31,.08), 0 18px 48px rgba(74,46,31,.14);
  --cl-ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --cl-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
  --cl-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --cl-dur-fast: 220ms;
  --cl-dur-base: 450ms;
  --cl-dur-slow: 800ms;
  --cl-dur-slower: 1200ms;
  --cl-dur-draw: 1400ms;
  --cl-dur-kenburns: 8000ms;
  --cl-stagger: 90ms;
  --cl-rise: 16px;
  --cl-container: 1200px;
  --cl-gutter: 24px;
  --cl-measure: 62ch;
}

/* Escala para piezas de redes (px sobre lienzo 1080). */
.cl-s-display-xl { font-family: var(--cl-font-display); font-size: 150px; font-weight: 400; line-height: 0.95; letter-spacing: -0.02em; }
.cl-s-display-l { font-family: var(--cl-font-display); font-size: 112px; font-weight: 400; line-height: 1.0; letter-spacing: -0.015em; }
.cl-s-display-m { font-family: var(--cl-font-display); font-size: 80px; font-weight: 400; line-height: 1.05; letter-spacing: -0.01em; }
.cl-s-lead { font-family: var(--cl-font-display); font-size: 44px; font-weight: 400; line-height: 1.35; letter-spacing: 0.01em; }
.cl-s-body { font-family: var(--cl-font-display); font-size: 36px; font-weight: 400; line-height: 1.45; letter-spacing: 0.01em; }
.cl-s-label { font-family: var(--cl-font-ui); font-size: 24px; font-weight: 500; line-height: 1.4; letter-spacing: 0.32em; text-transform: uppercase; }
.cl-s-label-s { font-family: var(--cl-font-ui); font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: 0.26em; text-transform: uppercase; }

@media (prefers-reduced-motion: reduce) { :root { --cl-dur-fast: 0ms; --cl-dur-base: 0ms; --cl-dur-slow: 0ms; --cl-dur-slower: 0ms; --cl-dur-draw: 0ms; --cl-dur-kenburns: 0ms; } }
