:root {
--ink: #202B2D;
--paper: #FAFBF7;
--sun: #FFD438;
--gold: #FFAE12;
--lime: #95D83B;
--green: #20BD85;
--aqua: #00C7BE;
--teal: #008E99;
--sky: #D6EDFA;
--mist: #EAF1EC;
--muted: #52615F;
--line: #CCD7D1;
--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-button: 999px;
--radius-card: 16px;
--radius-image: 12px;
--layout-max: 1440px;
--layout-gutter: clamp(20px, 4vw, 64px);
--layout-mobile: 760px;
--layout-bodyMeasure: 65ch;
--motion-feedback: 180ms;
--motion-reveal: 700ms;
--motion-ambient: 18s;
--motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
--motion-travel: 24px;
--button-height: 48px;
--button-padding: 24px;
--button-weight: 600;
--status-success: #176C4E;
--status-error: #AF303A;
--status-warning: #805000;
--type-display-size: clamp(3rem, 6vw, 6.5rem);
--type-display-weight: 500;
--type-display-leading: 1.02;
--type-display-tracking: -0.055em;
--type-heading-size: clamp(2.25rem, 4vw, 4rem);
--type-heading-weight: 500;
--type-heading-leading: 1.08;
--type-heading-tracking: -0.045em;
--type-title-size: 1.5rem;
--type-title-weight: 600;
--type-title-leading: 1.25;
--type-title-tracking: -0.025em;
--type-body-size: 1rem;
--type-body-weight: 400;
--type-body-leading: 1.7;
--type-body-tracking: 0;
--type-label-size: 0.875rem;
--type-label-weight: 600;
--type-label-leading: 1.4;
--type-label-tracking: 0.05em;
--brand-text:var(--ink);
--brand-surface:var(--paper);
--brand-action:var(--ink);
--brand-actionText:var(--paper);
--brand-textSecondary:var(--muted);
--brand-surfaceAlt:var(--mist);
}