/* Fox Marketing — tokens de marca (FICHA §3.2, muestreados del logo).
   Copia idéntica en fox-marketing-landing y gracias-foxmarketing-landing (assets/css/tokens.css). */
:root {
  --night: #000000; --ink: #0B0907; --coal: #16110C; --smoke: #221A12; --line: #3A2C1E;
  --gold: #F0B43C; --gold-hi: #F8D77A; --gold-lo: #B07A1C; --fox: #E97605; --copper: #AB3E01;
  --cream: #E6D5B8; --mist: #B9AE9F; --ivory: #F6F1E8; --paper: #FBF9F5;
  --fg: #F4EDE2; --fg-2: #CFC4B4; --fg-3: #9C907F;
  --on-paper: #1A140E; --on-paper-2: #4A3F33; --on-paper-3: #6B5E50; --link-paper: #8A4A00;
  --grad-gold: linear-gradient(100deg, #B07A1C 0%, #F0B43C 28%, #F8D77A 50%, #F0B43C 72%, #B07A1C 100%);
  --grad-fox: linear-gradient(120deg, #F8D77A 0%, #F0B43C 35%, #E97605 75%, #AB3E01 100%);
  --font-d: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-t: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-m: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --gut: clamp(16px, 4.2vw, 48px);
  --max: 1180px;
  --r: 18px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  color-scheme: dark;
}