:root {
  --color-background:#F4F7FC; --color-surface:#FFFFFF; --color-text:#10213B;
  --color-text-muted:#536177; --color-action:#1645F5; --color-action-hover:#1032B9;
  --color-on-action:#FFFFFF; --color-accent:#FF6A00; --color-on-accent:#10213B;
  --color-soft:#E7EFFD; --color-inverse:#10213B; --color-on-inverse:#F4F7FC;
  --color-link-inverse:#2BE3EF; --color-border:#D2DBE9; --color-control-border:#69768B;
  --color-success:#236448; --color-success-surface:#EAF3ED;
  --color-warning:#794013; --color-warning-surface:#FFF0DF;
  --color-error:#AE3038; --color-error-surface:#FFF0EF; --color-focus:#1645F5;
  --font-display:'Sora',Arial,sans-serif; --font-body:'Figtree',Arial,sans-serif;
  --font-code:ui-monospace,SFMono-Regular,Consolas,monospace;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px;
  --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;
  --radius-control:8px; --radius-panel:16px; --touch-min:44px;
  --duration:160ms; --page-max:1440px; --reading-max:68ch;
}