/* Zaya design tokens v1.0.0 (generated by tools/build_tokens.py; edit there).
 * Default is Business (light). Add data-theme="money" (or class zaya-money) on <html>
 * or any container for the black-first Money theme. Fonts:
 * https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap */

:root {
  --z-orange-50: #FFF1E6;
  --z-orange-100: #FFE0CC;
  --z-orange-300: #FDBA74;
  --z-orange-400: #FB7A2E;
  --z-orange-500: #F97316;
  --z-orange-600: #EA580C;
  --z-orange-700: #C2410C;
  --z-orange-800: #9A3412;
  --z-orange-950: #2A1405;
  --z-white: #FFFFFF;
  --z-paper: #FAF8F5;
  --z-sand: #F3F0EC;
  --z-hair: #ECE8E3;
  --z-stone-400: #A8A29E;
  --z-stone-500: #8A837C;
  --z-stone-600: #5C5650;
  --z-stone-700: #78716C;
  --z-ink: #16130F;
  --z-night-1: #141210;
  --z-night-2: #1E1B18;
  --z-night-3: #2C2824;
  --z-black: #000000;
  --z-green-700: #15803D;
  --z-green-400: #4ADE80;
  --z-pink-700: #C2185B;
  --z-pink-400: #FF5AA0;
  --z-amber-700: #B45309;
  --z-amber-400: #FBBF24;
  --z-font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --z-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --z-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --z-text-xs: 12px;
  --z-text-sm: 14px;
  --z-text-md: 16px;
  --z-text-lg: 18px;
  --z-text-xl: 22px;
  --z-text-2xl: 28px;
  --z-text-3xl: 36px;
  --z-text-4xl: 48px;
  --z-text-5xl: 64px;
  --z-text-6xl: 88px;
  --z-weight-body: 400;
  --z-weight-ui: 500;
  --z-weight-strong: 600;
  --z-leading-tight: 1.02;
  --z-leading-snug: 1.2;
  --z-leading-body: 1.55;
  --z-tracking-display: -0.035em;
  --z-tracking-label: 0.08em;
  --z-space-1: 4px;
  --z-space-2: 8px;
  --z-space-3: 12px;
  --z-space-4: 16px;
  --z-space-5: 20px;
  --z-space-6: 24px;
  --z-space-8: 32px;
  --z-space-10: 40px;
  --z-space-12: 48px;
  --z-space-16: 64px;
  --z-space-24: 96px;
  --z-radius-sm: 8px;
  --z-radius-md: 12px;
  --z-radius-lg: 18px;
  --z-radius-xl: 28px;
  --z-radius-pill: 999px;
  --z-dur-instant: 90ms;
  --z-dur-quick: 160ms;
  --z-dur-base: 240ms;
  --z-dur-slow: 420ms;
  --z-dur-story: 700ms;
  --z-ease-out: cubic-bezier(.2,.8,.2,1);
  --z-ease-in-out: cubic-bezier(.4,0,.2,1);
  --z-ease-spring: cubic-bezier(.34,1.56,.64,1);
}

:root,
[data-theme="business"],
.zaya-business {
  color-scheme: light;
  --z-bg: #FFFFFF;
  --z-surface: #FAF8F5;
  --z-surface-raised: #FFFFFF;
  --z-line: #ECE8E3;
  --z-text: #16130F;
  --z-text-muted: #5C5650;
  --z-icon-subtle: #8A837C;
  --z-accent: #C2410C;
  --z-accent-hover: #9A3412;
  --z-on-accent: #FFFFFF;
  --z-accent-text: #C2410C;
  --z-accent-tint: #FFF1E6;
  --z-brand: #EA580C;
  --z-focus: #EA580C;
  --z-positive: #15803D;
  --z-negative: #C2185B;
  --z-warning: #B45309;
  --z-inverse: #16130F;
  --z-on-inverse: #FFFFFF;
  --z-weight-display: 650;
  --z-case-label: none;
  --z-radius-card: 18px;
  --z-radius-button: 12px;
  --z-ease-brand: cubic-bezier(.4,0,.2,1);
  --z-shadow-card: 0 1px 2px rgba(22,19,15,.06), 0 12px 32px -16px rgba(22,19,15,.25);
}

[data-theme="money"],
.zaya-money {
  color-scheme: dark;
  --z-bg: #000000;
  --z-surface: #141210;
  --z-surface-raised: #1E1B18;
  --z-line: #2C2824;
  --z-text: #FFFFFF;
  --z-text-muted: #A8A29E;
  --z-icon-subtle: #78716C;
  --z-accent: #F97316;
  --z-accent-hover: #FB7A2E;
  --z-on-accent: #000000;
  --z-accent-text: #FB7A2E;
  --z-accent-tint: #2A1405;
  --z-brand: #EA580C;
  --z-focus: #FB7A2E;
  --z-positive: #4ADE80;
  --z-negative: #FF5AA0;
  --z-warning: #FBBF24;
  --z-inverse: #FFFFFF;
  --z-on-inverse: #000000;
  --z-weight-display: 800;
  --z-case-label: uppercase;
  --z-radius-card: 24px;
  --z-radius-button: 999px;
  --z-ease-brand: cubic-bezier(.34,1.56,.64,1);
  --z-shadow-card: 0 0 0 1px rgba(255,255,255,.06), 0 18px 40px -20px rgba(0,0,0,.9);
}

@media (prefers-reduced-motion: reduce) {
  :root { --z-dur-quick: 1ms; --z-dur-base: 1ms; --z-dur-slow: 1ms; --z-dur-story: 1ms; }
}