:root{--bg: #f4f7fb;--panel: #ffffff;--panel-soft: #f8fafc;--ink: #17202a;--muted: #667085;--line: #dbe2ea;--blue: #2563eb;--blue-dark: #1d4ed8;--teal: #0f766e;--orange: #c05621;--green: #247a48;--rose: #be3b55;--shadow: 0 18px 50px rgba(23, 32, 42, 0.11);--thumb-list-size: 82px;--thumb-detail-size: 80px;--thumb-preview-size: 96px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--color-paper: oklch(97% 0.008 240);--color-paper-2: oklch(94% 0.012 240);--color-paper-3: oklch(90% 0.016 240);--color-paper-elevated: oklch(99% 0.004 240);--color-ink: oklch(18% 0.018 250);--color-ink-2: oklch(30% 0.022 250);--color-muted: oklch(44% 0.025 250);--color-rule: oklch(84% 0.018 240);--color-rule-2: oklch(74% 0.03 240);--color-accent: oklch(56% 0.19 250);--color-accent-2: oklch(70% 0.13 205);--color-accent-soft: oklch(92% 0.042 242);--color-accent-ink: oklch(98% 0.006 240);--color-focus: oklch(64% 0.18 245);--color-success: oklch(48% 0.14 155);--color-warning: oklch(58% 0.14 72);--color-error: oklch(52% 0.18 24);--color-shadow: oklch(18% 0.018 250 / 0.12);--font-display: "Space Grotesk", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-wordmark: "Montserrat", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;--space-3xs: 0.125rem;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--text-xs: 0.75rem;--text-micro: 0.6875rem;--text-sm: 0.875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-display: clamp(2.75rem, 4.5vw + 0.75rem, 4.75rem);--text-display-s: clamp(2.35rem, 3.5vw + 0.75rem, 3.8rem);--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--ease-in: cubic-bezier(0.7, 0, 0.84, 0);--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--dur-micro: 120ms;--dur-short: 220ms;--dur-long: 420ms;--rule-hairline: 1px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;}