:root{--base-font-size:18px;--font-size-body:var(--base-font-size);--font-size-sm:calc(var(--base-font-size) * 0.889);--font-size-lg:calc(var(--base-font-size) * 1.222);--font-size-xl:calc(var(--base-font-size) * 1.556);--font-size-2xl:calc(var(--base-font-size) * 2);--font-size-3xl:calc(var(--base-font-size) * 2.556);--font-family-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-body:1.6;--line-height-heading:1.2;--line-height-button:1.3;--color-bg-page:#eff6ff;--color-bg-surface:#ffffff;--color-bg-surface-alt:#ecfeff;--color-bg-overlay:rgba(15,23,42,0.60);--color-teal-light:#ccfbf1;--color-teal-xlight:#99f6e4;--color-cyan-light:#ecfeff;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-inverse:#ffffff;--color-text-disabled:#94a3b8;--color-brand-primary:#2563eb;--color-brand-primary-hover:#1d4ed8;--color-brand-accent:#0891b2;--color-brand-accent-hover:#0e7490;--color-action-primary:#1d4ed8;--color-action-primary-hover:#1e40af;--color-action-primary-active:#1e3a8a;--color-action-secondary:#e0f2fe;--color-action-secondary-hover:#bae6fd;--color-action-text:#ffffff;--color-action-secondary-text:#1e293b;--color-hero-grad-from:#2563eb;--color-hero-grad-to:#0891b2;--color-urgent-bg:#7b241c;--color-urgent-text:#ffffff;--color-urgent-border:#5c1c16;--color-soon-bg:#7d6608;--color-soon-text:#ffffff;--color-soon-border:#5e4c06;--color-success-bg:#1e6b3a;--color-success-text:#ffffff;--color-success-border:#165a30;--color-border:#bfdbfe;--color-border-focus:#f59e0b;--color-border-strong:#93c5fd;--color-error:#b91c1c;--color-error-bg:#fef2f2;--color-warning:#7d6608;--color-warning-bg:#fef9e7;--color-info:#2563eb;--color-info-bg:#eff6ff;--focus-ring-width:3px;--focus-ring-color:var(--color-border-focus);--focus-ring-offset:2px;--focus-ring:var(--focus-ring-width) solid var(--focus-ring-color);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--touch-target-min:64px;--touch-target-sm:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(37,99,235,0.10),0 1px 2px rgba(37,99,235,0.06);--shadow-md:0 4px 6px rgba(37,99,235,0.10),0 2px 4px rgba(37,99,235,0.06);--shadow-lg:0 10px 15px rgba(37,99,235,0.12),0 4px 6px rgba(37,99,235,0.07);--shadow-xl:0 20px 25px rgba(37,99,235,0.14),0 8px 10px rgba(37,99,235,0.06);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease-in-out;--content-max-width:720px;--content-max-width-wide:1080px;--page-padding-x:var(--space-4);--pwa-theme-color:#2563eb;--pwa-background-color:#eff6ff}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms}}