/* Brand Jungle — design tokens (brandbook v3.0) */
:root {
  /* Color. Regla de contraste: botones = fondo green + texto ink (8.5:1).
     Texto blanco sobre green PROHIBIDO (2.3:1). Green nunca como texto sobre claro.
     Moss solo en texto grande (>=24px). Stone para secundario pequeño. */
  --c-platinum: #fafbf8;
  --c-mist: #f1f3ec;
  --c-linen: #e2e6da;
  --c-ink: #000200;
  --c-green: #9cb001;
  --c-chartreuse: #dcdc62;
  --c-moss: #858201;
  --c-deepmoss: #282e02;
  --c-stone: #5a5e4e;
  --c-white: #ffffff;

  /* Tipografía */
  --f-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --f-ui: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --fs-hero: clamp(2.75rem, 1.9rem + 4.2vw, 4.5rem);
  --fs-poster: clamp(3rem, 1rem + 11vw, 10.5rem);
  --track-poster: -0.03em;
  --fs-h2: clamp(2.125rem, 1.8rem + 1.6vw, 2.625rem);
  --fs-h3: clamp(1.5rem, 1.35rem + 0.7vw, 1.75rem);
  --fs-body: 1rem;
  --fs-small: 0.8125rem;
  --fs-label: 0.75rem;
  --track-label: 0.14em;

  /* Ritmo — intencionalmente no uniforme */
  --space-band-lg: clamp(6rem, 5rem + 6vw, 10rem);
  --space-band: clamp(4.5rem, 4rem + 3vw, 7rem);
  --space-band-sm: clamp(3rem, 2.5rem + 2vw, 4.5rem);

  /* Superficies */
  --radius-card: 20px;
  --radius-pill: 999px;
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Glass (solo superficies oscuras — regla del brandbook) */
  --glass-smoked-bg: linear-gradient(150deg, rgba(40, 46, 2, 0.62), rgba(40, 46, 2, 0.38));
  --glass-smoked-border: 1px solid rgba(220, 220, 98, 0.16);
  --glass-green-bg: linear-gradient(160deg, rgba(250, 251, 248, 0.12), rgba(250, 251, 248, 0.05));
  --glass-green-border: 1px solid rgba(255, 255, 255, 0.22);
  --blur-glass: 16px;

  /* Superficie oscura elevada (mockups del portafolio) */
  --surface-elevated-dark: linear-gradient(160deg, #3a4302, var(--c-deepmoss));
  --shadow-elevated: 0 12px 24px rgba(0, 2, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 200ms;
  --dur-reveal: 600ms;
  --dur-rotor: 600ms;
}
