:root {
--r-sm: 4px;
--r-card: 16px;
--r-pill: 100px;
--accent-brand: #1D4ED8;
--accent-brand-glow: rgba(29,78,216,.12);
--accent-brand-glow-strong: rgba(29,78,216,.22);
--accent-brand-hover: #1E40AF;
--accent-teal: #1D4ED8;
--accent-teal-glow: rgba(29,78,216,.10);
--bg-alt: #F6F7F9;
--bg-base: #FFFFFF;
--bg-elevated: #FFFFFF;
--bg-navbar: rgba(255,255,255,.82);
--bg-surface: #F6F7F9;
--border-default: rgba(0,0,0,.10);
--border-strong: rgba(0,0,0,.18);
--border-subtle: rgba(0,0,0,.055);
--card-veil: linear-gradient(to top,rgba(255,255,255,.96),transparent);
--ls-display: -.03em;
--shadow-btn: 0 1px 2px rgba(16,24,40,.08);
--shadow-card: 0 1px 2px rgba(16,24,40,.04),0 12px 28px rgba(16,24,40,.07);
--signal-fail: #FF5F56;
--signal-pass: #2DD4BF;
--signal-warn: #FFBD2E;
--text-body: 18px;
--text-desc: #55565A;
--text-display: clamp(36px,4.2vw,64px);
--text-h1: 44px;
--text-h2: 36px;
--text-h3: 20px;
--text-muted: #86868B;
--text-primary: #1C1C1E;
--text-secondary: #55565A;
--text-small: 14px;
--text-title: #0B0B0C;
--w-03: rgba(0,0,0,0.048);
--w-04: rgba(0,0,0,0.064);
--w-05: rgba(0,0,0,0.08);
--w-06: rgba(0,0,0,0.096);
--w-07: rgba(0,0,0,0.112);
--w-08: rgba(0,0,0,0.128);
--w-09: rgba(0,0,0,0.144);
--w-10: rgba(0,0,0,0.16);
--w-12: rgba(0,0,0,0.192);
--w-14: rgba(0,0,0,0.2);
--w-16: rgba(0,0,0,0.2);
--w-18: rgba(0,0,0,0.2);
--w-20: rgba(0,0,0,0.2);
--w-22: rgba(0,0,0,0.22);
--w-24: rgba(0,0,0,0.24);
--w-25: rgba(0,0,0,0.25);
--w-28: rgba(0,0,0,0.28);
--w-30: rgba(0,0,0,0.3);
--w-35: rgba(0,0,0,0.35);
--w-38: rgba(0,0,0,0.38);
--w-40: rgba(0,0,0,0.4);
--w-42: rgba(0,0,0,0.42);
--w-44: rgba(0,0,0,0.44);
--w-45: rgba(0,0,0,0.45);
--w-50: rgba(0,0,0,0.5);
--w-52: rgba(0,0,0,0.52);
--w-55: rgba(0, 0, 0, 0.62);
--w-56: rgba(0,0,0,0.56);
--w-60: rgba(0,0,0,0.6);
--w-64: rgba(0,0,0,0.64);
--w-66: rgba(0,0,0,0.66);
--w-72: rgba(0,0,0,0.72);
--w-75: rgba(0,0,0,0.75);
--w-78: rgba(0,0,0,0.78);
--w-84: rgba(0,0,0,0.84);
}