:root {
    --canvas-base: #F5F5F5;
    --canvas-white: #FFFFFF;
    --primary: #1A13FF;
    --primary-hover: #120cc2;
    --primary-soft: #ebeaff;
    --accent-yellow: #F6F21D;
    --accent-red: #E21C23;
    --ink: #0A0A0A;
    --ink-muted: #5e5e5e;
    --divider: #e5e5e5;
    --surface: #F5F5F5;
    --surface-container: #f0f0f0;
    --surface-container-low: #fafafa;
    --surface-container-lowest: #ffffff;
    --surface-container-high: #e5e5e5;
    --on-primary: #ffffff;
    --on-surface: #0A0A0A;
    --on-surface-variant: #5e5e5e;
    --outline: #d1d5db;
    --outline-variant: #bbcabb;
    --glass-overlay: rgba(255, 255, 255, 0.2);
    --radius-card: 48px;
    --radius-pill: 9999px;
    --radius-lg: 2rem;
    --radius-md: 1rem;
    --section-gap: 120px;
}