/* Hallmark · tokens.css · genre: atmospheric · theme: custom (RG Automatizaciones — cian/violeta/dorado sobre lienzo oscuro)
 * Canonical token export. Both index.html and servicios.html keep their own legacy
 * variable NAMES (--c1..--c5, --bg0..--bg3, --text, --soft, --white) for zero-risk
 * compatibility with ~700 lines of existing component CSS — those legacy vars are
 * redefined in each page's own :root to the same values listed here. This file is
 * the portable, Hallmark-shaped export for future pages / design.md consumers.
 */
:root {
  --color-paper:      oklch(15% 0.02 250);   /* page base, near-black navy   */
  --color-paper-2:    oklch(19% 0.025 255);  /* alt section surface          */
  --color-paper-3:    oklch(23% 0.03 258);   /* elevated card surface        */
  --color-ink:        oklch(93% 0.015 240);  /* headline / high-emphasis text*/
  --color-ink-2:      oklch(85% 0.02 240);   /* body text                    */
  --color-rule:        rgba(255,255,255,.10);
  --color-rule-2:      rgba(255,255,255,.16);

  --color-accent:       #f59e0b; /* dorado — acento cálido dominante (atmospheric) */
  --color-accent-ink:   #1a0e00;
  --color-accent-cool:  #0284c7; /* cian — acento secundario, marca */
  --color-accent-cool-2:#6d28d9; /* violeta — acento terciario, marca */
  --color-focus:        #00d4ff;

  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  --space-3xs: .25rem; --space-2xs: .5rem; --space-xs: .75rem;
  --space-sm: 1rem;    --space-md: 1.5rem; --space-lg: 2rem;
  --space-xl: 3rem;    --space-2xl: 4.5rem; --space-3xl: 7rem;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in:  cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;

  --radius-card: 22px; --radius-pill: 999px; --radius-input: 12px;
}