:root{--color-background:#F3F8F8;--color-surface:#FCFEFE;--color-surface-elevated:#FFFFFF;--color-surface-soft:#DCEBF0;--color-text-primary:#24434D;--color-text-secondary:#587078;--color-text-muted:#849CA2;--color-primary:#A3C0D0;--color-primary-hover:#8DB0C1;--color-primary-contrast:#163C48;--color-primary-action:#0E4E5C;--color-primary-action-hover:#083C48;--color-border:#D4E3E5;--color-focus:#397C84;--color-success:#397C84;--color-warning:#A36B42;--color-danger:#A75B4B;--color-accent-sand:#C59170;--color-accent-mocha:#765339;--color-accent-blue:#A3C0D0;--color-accent-turquoise:#3C8E96;--color-accent-turquoise-dark:#0E4E5C;--content-narrow:42rem;--content-reading:48rem;--content-standard:72rem;--content-wide:90rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-control:12px;--radius-card:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{min-height:100%}body{margin:0;background:var(--color-background);color:var(--color-text-primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif}button{min-height:44px;padding:0 1.25rem;border:0;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-primary-contrast);font:inherit;font-weight:600;cursor:pointer}button:hover{background:var(--color-primary-hover)}