/**
 * StayWork CDMX design tokens.
 *
 * This is the runtime source of truth for Hugo templates, Tailwind utilities,
 * and the three hand-maintained commercial pillar pages. Keep component rules
 * in src/tailwind.css or brand-pillars.css; keep shared decisions here.
 */
:root {
  color-scheme: light;

  --sw-forest-rgb: 15 23 42;
  --sw-teal-rgb: 30 64 175;
  --sw-cream-rgb: 248 250 252;
  --sw-ink-rgb: 17 24 39;
  --sw-stone-rgb: 75 85 99;
  --sw-gold-rgb: 146 64 14;
  --sw-gold-bright-rgb: 251 191 36;
  --sw-line-rgb: 209 213 219;
  --sw-white-rgb: 255 255 255;

  --sw-forest: rgb(var(--sw-forest-rgb));
  --sw-teal: rgb(var(--sw-teal-rgb));
  --sw-cream: rgb(var(--sw-cream-rgb));
  --sw-ink: rgb(var(--sw-ink-rgb));
  --sw-stone: rgb(var(--sw-stone-rgb));
  --sw-gold: rgb(var(--sw-gold-rgb));
  --sw-gold-bright: rgb(var(--sw-gold-bright-rgb));
  --sw-line: rgb(var(--sw-line-rgb));
  --sw-white: rgb(var(--sw-white-rgb));

  --sw-font-display: "Playfair Display", Georgia, serif;
  --sw-font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

  --sw-radius-sm: 0.75rem;
  --sw-radius-md: 1rem;
  --sw-radius-lg: 1.5rem;
  --sw-radius-xl: 2rem;

  --sw-shadow-sm: 0 1px 2px rgb(var(--sw-forest-rgb) / 0.06);
  --sw-shadow: 0 18px 40px rgb(var(--sw-forest-rgb) / 0.08);
  --sw-shadow-lg: 0 30px 72px rgb(var(--sw-forest-rgb) / 0.16);
  --sw-shadow-hover: 0 24px 56px rgb(var(--sw-forest-rgb) / 0.13);

  --sw-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sw-duration-fast: 160ms;
  --sw-duration: 240ms;

  --sw-container: 96rem;
  --sw-prose: 72ch;
  --sw-section-space: clamp(3.5rem, 7vw, 6rem);

  --vt-exit: 170ms;
  --vt-enter: 220ms;
  --vt-move: 420ms;
}