/* UNIT01 design tokens - Phase 1 moodboard
   Sources synthesized: Rulebase (chrome), Relace (type roles), ElevenLabs (soft graphics/motion) */

@font-face {
  font-family: "Parabole";
  src: url("/fonts/moodboard/parabole-regular.woff2") format("woff2");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Color */
  --u01-bg: #f4f3f1;
  --u01-bg-elevated: #ffffff;
  --u01-bg-soft: #ebeae7;
  --u01-bg-hero: #e3e1dc;
  --u01-bg-ink: #191918;
  --u01-ink: #191918;
  --u01-ink-muted: #6b6a66;
  --u01-ink-faint: #9b9a94;
  --u01-line: rgba(25, 25, 24, 0.12);
  --u01-line-strong: rgba(25, 25, 24, 0.22);
  --u01-signal: #3d6bff;
  --u01-orb-a: #c9d4ff;
  --u01-orb-b: #f0d5c8;
  --u01-orb-c: #d8ede4;
  --u01-cta: #474440;

  /* Type - Relace pair only
     Base / body / headline base: Arial.
     Accent (`strong` / `.u01-em`): Parabole Regular. No Display cut.
     Nav links, buttons, CTAs: Arial at rest. Hover flashes Parabole via opacity, then returns to Arial.
     Mono / UI chrome: Geist Mono (separate from the Relace pair). */
  --font-arial: Arial, Helvetica, sans-serif;
  --font-text: var(--font-arial);
  --font-display: "Parabole", var(--font-arial);
  --font-mono: "Geist Mono Variable", ui-monospace, monospace;
  --font-header: var(--font-arial);
  --font-hero: var(--font-arial);
  --font-header-display: "Parabole", var(--font-arial);

  /* Space */
  --u01-space-1: 4px;
  --u01-space-2: 8px;
  --u01-space-3: 12px;
  --u01-space-4: 16px;
  --u01-space-5: 20px;
  --u01-space-6: 24px;
  --u01-space-8: 32px;
  --u01-space-10: 40px;
  --u01-space-12: 48px;
  --u01-space-16: 64px;
  --u01-space-20: 80px;
  --u01-space-24: 96px;
  --u01-max: 1280px;
  --u01-header-h: 72px;

  /* Shape - cards/chips stay 4px. Buttons and CTAs are 0 (sharp corners). */
  --u01-radius-cta: 0;
  --u01-radius-pill: 4px;
  --u01-radius-card: 4px;
  --u01-radius-sharp: 4px;
  --u01-shadow-soft: 0 12px 40px rgba(25, 25, 24, 0.08);
  --u01-shadow-float: 0 20px 60px rgba(25, 25, 24, 0.12);

  /* Motion */
  --u01-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --u01-dur: 220ms;
  --u01-dur-reveal: 640ms;
}