/* Generated from packages/design-system/src/tokens.css. */


:root {
  /* Native browser surfaces reuse these primitives without a Tailwind runtime. */
  --rp-space-unit: 0.25rem;
  --rp-radius-control: 0.5rem;
  --rp-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rp-font-small: 0.875rem;
  --rp-font-caption: 0.75rem;
  --rp-font-body: 1rem;
  --rp-font-heading: 1.25rem;
  --rp-leading-body: 1.5;
  /* Neutral surfaces (DESIGN.md Part 2 §2.5). The accent is the only colour. */
  --rp-bg: #ffffff;
  --rp-canvas: #ffffff;
  --rp-surface: #ffffff;
  --rp-surface-subtle: #f4f4f5;
  --rp-tint: #f4f4f5;
  --rp-ink: #0a0a0c;
  --rp-text: #18181b;
  --rp-muted: #52525b;
  --rp-border: #e4e4e7;
  --rp-border-strong: #a1a1aa;
  --rp-control-border: #a1a1aa;
  /* Primary CTA: ink on white in light, white on ink in dark. */
  --rp-cta: #0a0a0c;
  --rp-on-cta: #ffffff;
  /* One accent, used for text, emphasis, focus and active states. `--rp-primary` is its alias. */
  --rp-accent: #1d4ed8;
  --rp-accent-soft: #dbeafe;
  /* Accent text on the accent tint in light mode (5.6:1 on the tint, 7.3:1 on white). */
  --rp-accent-strong: #1e40af;
  --rp-primary: #1d4ed8;
  --rp-primary-dark: #1e40af;
  --rp-success: #15803d;
  --rp-warning: #b45309;
  --rp-danger: #dc2626;
  /* Supporting hues kept for workspace surfaces that still reference them. */
  --rp-ai: #0f766e;
  --rp-violet: #6e56f0;
  --rp-amber: #b45309;
  --rp-sky: #0369a1;
  --rp-glow: #dbeafe;
  /* Border-first elevation: three neutral shadows, never tinted. */
  --rp-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --rp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --rp-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --rp-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --rp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.dark {
  /* Theme-independent tokens repeated so every token exists in both modes. */
  --rp-space-unit: 0.25rem;
  --rp-radius-control: 0.5rem;
  --rp-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rp-font-small: 0.875rem;
  --rp-font-caption: 0.75rem;
  --rp-font-body: 1rem;
  --rp-font-heading: 1.25rem;
  --rp-leading-body: 1.5;
  --rp-bg: #09090b;
  --rp-canvas: #09090b;
  --rp-surface: #121214;
  --rp-surface-subtle: #18181b;
  --rp-tint: #18181b;
  --rp-ink: #fafafa;
  --rp-text: #e4e4e7;
  --rp-muted: #a1a1aa;
  --rp-border: #27272a;
  --rp-border-strong: #3f3f46;
  --rp-control-border: #3f3f46;
  --rp-cta: #ffffff;
  --rp-on-cta: #09090b;
  --rp-accent: #60a5fa;
  --rp-accent-soft: #172554;
  --rp-accent-strong: #60a5fa;
  --rp-primary: #60a5fa;
  --rp-primary-dark: #93c5fd;
  --rp-success: #4ade80;
  --rp-warning: #fbbf24;
  --rp-danger: #f87171;
  --rp-ai: #5eead4;
  --rp-violet: #9d8cff;
  --rp-amber: #fbbf24;
  --rp-sky: #93c5fd;
  --rp-glow: #172554;
  /* Dark cards rely on the border; overlays keep the same shadows at 0.4 alpha. */
  --rp-shadow-xs: none;
  --rp-shadow-sm: none;
  --rp-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
  --rp-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
  --rp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
}

/* Shape, motion and Buzz article rhythm. Theme-independent, outside the parity check. */
:root {
  --radius-control: 8px;
  --radius-card: 16px;
  --radius-frame: 24px;
  --radius-pill: 9999px;
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-slow: 300ms;
  --dur-reveal: 600ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-swap: cubic-bezier(0.65, 0, 0.2, 1);
  /* Brand-mark tiles stay white in both themes so monochrome marks keep ink. */
  --rp-mark-tile: #ffffff;
  --rp-mark-ink: #0a0a0c;
  --rp-story-width: 72rem;
  --rp-story-measure: 68ch;
  --rp-story-space-xs: 0.5rem;
  --rp-story-space-sm: 1rem;
  --rp-story-space-md: 1.5rem;
  --rp-story-space-lg: 2.5rem;
  --rp-story-space-xl: 4rem;
  --rp-story-title: clamp(2.25rem, 5vw, 4.75rem);
  --rp-buzz-lime: #d6f25d;
  --rp-buzz-ink: #171b0e;
  --rp-buzz-link: #485509;
  --rp-site-header-offset: calc(var(--rp-control-height) + var(--rp-story-space-sm) + var(--rp-story-space-xs) + 1px);
  --rp-site-width: 90rem;
  --rp-site-gutter: clamp(1rem, 4vw, 3.5rem);
  --rp-control-height: 2.75rem;
  --rp-text-2xs: 0.6875rem;
  --rp-text-xs: 0.75rem;
  --rp-text-sm: 0.875rem;
  --rp-text-base: 1rem;
  --rp-text-lg: 1.125rem;
  --rp-text-xl: 1.25rem;
  --rp-text-2xl: 1.5rem;
  --rp-text-3xl: 2rem;
  --rp-story-rail-width: 14rem;
  --rp-story-embed-width: 33.75rem;
  --rp-story-reading-title: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
  --rp-buzz-display: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --rp-buzz-feature-title: clamp(1.625rem, 1.3rem + 1.3vw, 2.5rem);
  --rp-buzz-section-title: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --rp-story-body: 1.125rem;
  --rp-story-leading: 1.85;
}

.dark { --rp-buzz-link: var(--rp-buzz-lime); }
@media(max-width:760px) { :root { --rp-site-header-offset: calc(var(--rp-control-height) * 2 + var(--rp-story-space-sm) + var(--rp-story-space-xs) + 1px); } }

@media (prefers-color-scheme: dark) { :root:not(.light):not(.dark) {
  /* Theme-independent tokens repeated so every token exists in both modes. */
  --rp-space-unit: 0.25rem;
  --rp-radius-control: 0.5rem;
  --rp-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rp-font-small: 0.875rem;
  --rp-font-caption: 0.75rem;
  --rp-font-body: 1rem;
  --rp-font-heading: 1.25rem;
  --rp-leading-body: 1.5;
  --rp-bg: #09090b;
  --rp-canvas: #09090b;
  --rp-surface: #121214;
  --rp-surface-subtle: #18181b;
  --rp-tint: #18181b;
  --rp-ink: #fafafa;
  --rp-text: #e4e4e7;
  --rp-muted: #a1a1aa;
  --rp-border: #27272a;
  --rp-border-strong: #3f3f46;
  --rp-control-border: #3f3f46;
  --rp-cta: #ffffff;
  --rp-on-cta: #09090b;
  --rp-accent: #60a5fa;
  --rp-accent-soft: #172554;
  --rp-accent-strong: #60a5fa;
  --rp-primary: #60a5fa;
  --rp-primary-dark: #93c5fd;
  --rp-success: #4ade80;
  --rp-warning: #fbbf24;
  --rp-danger: #f87171;
  --rp-ai: #5eead4;
  --rp-violet: #9d8cff;
  --rp-amber: #fbbf24;
  --rp-sky: #93c5fd;
  --rp-glow: #172554;
  /* Dark cards rely on the border; overlays keep the same shadows at 0.4 alpha. */
  --rp-shadow-xs: none;
  --rp-shadow-sm: none;
  --rp-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
  --rp-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
  --rp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
} }