:root {--color-bg: var(--page);--color-surface: var(--white);--color-border: var(--rule);--color-border-light: var(--rule);--color-text-primary: var(--ink);--color-text-secondary: var(--ink-body);--color-text-muted: var(--ink-muted);--color-text-faint: var(--ink-faint);--color-brand: var(--ink);--color-brand-light: var(--black);--color-cta: var(--accent);--color-cta-hover: var(--accent-hover);--color-cta-text: var(--white);--color-accent-soft-text: var(--ink);--color-accent-soft: var(--page);--color-success: var(--accent-highlight);--color-check: var(--accent-highlight);--color-cross: var(--red-500);--color-warning: var(--ink-body);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 120px;--radius-sm: 3px;--radius-md: 3px;--radius-lg: 3px;--radius-full: 999px;--max-width-page: 1100px;--max-width-content: 780px;--max-width-narrow: 640px;--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--transition-fast: 150ms var(--ease-out);--transition-base: 250ms var(--ease-out);--transition-slow: 400ms var(--ease-out);--shadow-sm: 0 2px 8px rgba(0,17,26,0.10);--shadow-md: 0 2px 8px rgba(0,17,26,0.10);--shadow-lg: 0 8px 30px rgba(0,17,26,0.14);--shadow-card: none;--ink: #00111a;--ink-body: #333333;--ink-muted: #666666;--ink-faint: #999999;--ink-soft: #000000;--on-dark-muted: #a9a9a9;--cream: #fafafa;--white: #ffffff;--border-warm: #f2f2f2;--border-warm-soft: #f2f2f2;--accent: #00111a;--accent-hover: #000000;--accent-tint: #fafafa;--accent-ink: #00111a;--green-600: #76bbdf;--green-500: #76bbdf;--red-500: #e63946;--amber-500: #333333;--color-text-on-dark: var(--ink-hint);--page: #fafafa;--border-cool: #f2f2f2;--border-cool-soft: #f2f2f2;--border-input: #f2f2f2;--accent-highlight: #76bbdf;--on-dark-border: #1e2a31;--on-dark-outline: #444c52;--red-tint: #fafafa;--color-border-input: var(--rule);--color-highlight: var(--accent-highlight);--color-on-dark-border: var(--on-dark-border);--shadow-doc: 0 8px 30px rgba(0,17,26,0.14);--black: #000000;--ink-hint: #a9a9a9;--red-deep: #c92c38;--rule: #f2f2f2;--color-signal: var(--red-500);--color-signal-hover: var(--red-deep);--color-brand-hover: var(--black);}