/* ------------------------------------------------------------------
   Atlas Design System — design tokens
   Source: _ds/atlas-design-system-511cb597-47bd-46dc-a695-8ec8cc3a2720
   Concatenated from tokens/{colors,typography,spacing,radius,elevation,motion}.css
   Fonts are loaded from index.html (preconnect + Google Fonts).
   ------------------------------------------------------------------ */

/* --- colors.css --- */
:root {
  /* base palette */
  --pg: #f9f7f4;
  --rz: #f1eeea;
  --sk: #edebe7;
  --ink: #1e1e24;
  --ink-2: #6d6a67;
  --ink-3: #b6b1aa;
  --border: #e2ded7;
  --accent: #ff6a00;
  --accent-hover: #ff773c;
  --positive: #2f7d4f;
  --negative: #c14a35;
  --signal: #3461f2;
  --sky-blue: #7a8cff;
  /* warm glow gradient */
  --glow-from: #ff9440;
  --glow-to: #ff5f00;
  /* semantic aliases */
  --surface-page: var(--pg);
  --surface-raised: #fffdfa;
  --surface-card: rgba(255, 253, 250, .72);
  --surface-sunken: var(--sk);
  --surface-ink: var(--ink);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-accent: var(--accent);
  --text-on-ink: #fffdfa;
  --hairline: var(--border);
}

/* --- typography.css --- */
:root {
  --font-display: 'Hanken Grotesk', 'Geist', system-ui, sans-serif;
  --font-ui: 'Geist', system-ui, sans-serif;
  --font-editorial: 'Newsreader', Georgia, serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  /* scale */
  --text-display: clamp(46px, 7vw, 86px);
  --text-h1: 32px;
  --text-h2: 24px;
  --text-lead: 16px;
  --text-body: 14px;
  --text-label: 13px;
  --text-meta: 12px;
  --text-micro: 11px;
  /* weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  /* tracking + leading */
  --tracking-display: -.045em;
  --tracking-tight: -.03em;
  --tracking-snug: -.01em;
  --tracking-caps: .14em;
  --leading-body: 1.6;
  --leading-tight: 1.05;
}

/* --- spacing.css --- */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
}

/* --- radius.css --- */
:root {
  --radius-control: 9px;
  --radius-icon: 12px;
  --radius-card: 18px;
  --radius-panel: 20px;
  --radius-pill: 9999px;
}

/* --- elevation.css --- */
:root {
  --elevation-flat: none;
  --elevation-card: 0 1px 2px rgba(30, 30, 36, .05), 0 12px 32px -20px rgba(30, 30, 36, .24);
  --elevation-hover: 0 4px 10px rgba(30, 30, 36, .06), 0 22px 48px -22px rgba(30, 30, 36, .32);
  --elevation-dock: 0 18px 44px -12px rgba(30, 30, 36, .5);
  --blur-frost: blur(12px) saturate(1.06);
}

/* --- motion.css --- */
:root {
  --ease-spring: cubic-bezier(.22, 1, .36, 1);
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --dur-micro: 160ms;
  --dur-transition: 300ms;
  --dur-entrance: 800ms;
  --stagger: 70ms;
}

/* --- Innovo Studio brand overrides (from the design's <helmet> block) --- */
:root {
  --accent: #0f8c82;
  --accent-hover: #17a79b;
  --glow-from: #43c5b4;
  --glow-to: #0f8c82;
  --text-accent: var(--accent);
}