:root{--brand-blue: #2C5F7C;--brand-dark: #1A3A4D;--brand-green: #4A9B6E;--brand-light: #E8F4F0;--text-primary: #1A1A1A;--text-secondary: #5A5A5A;--text-muted: #8A8A8A;--bg-white: #FFFFFF;--bg-gray: #F7F8FA;--border: #E5E7EB;--star: #F59E0B;--success: #4ADE80;--error: #EF4444;--brand-blue-pressed: #255270;--brand-green-border: #CBE5DD;--font-family: "Inter", system-ui, -apple-system, sans-serif;--text-page-title: 20px;--lh-page-title: 28px;--fw-page-title: 700;--text-card-title: 15px;--lh-card-title: 20px;--fw-card-title: 600;--text-body: 14px;--lh-body: 20px;--fw-body: 400;--fw-body-semibold: 600;--text-label: 13px;--lh-label: 18px;--fw-label: 500;--text-caption: 12px;--lh-caption: 16px;--fw-caption: 400;--fw-caption-med: 500;--text-small: 11px;--lh-small: 14px;--fw-small: 400;--fw-small-med: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--card-padding: 10px;--card-gap: 12px;--section-gap: 12px;--gutter: 16px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-6: 24px;--radius-chip: 18px;--radius-btn: 8px;--radius-card: 12px;--radius-thumb: 8px;--radius-sheet-top: 20px;--radius-modal: 16px;--radius-badge: 6px;--shadow-float: 0 2px 8px rgba(0, 0, 0, .12);--shadow-modal: 0 8px 24px rgba(0, 0, 0, .18);--scrim-modal: rgba(0, 0, 0, .4);--scrim-sheet: rgba(0, 0, 0, .28);--tap-target: 44px}