/* Design System Tokens — source: design-system_v110.pen */

:root {
    /* Colors */
    --accent:           #3E78C6;
    --accent-hover:     #2D5FA3;
    --accent-light:     #EBF2FA;

    --bg:               #F8F9FB;
    --bg-white:         #FFFFFF;

    --surface:          #FFFFFF;
    --surface-muted:    #F1F3F6;

    --text-primary:     #1D2939;
    --text-secondary:   #475467;
    --text-muted:       #98A2B3;
    --text-accent:      #3E78C6;
    --text-on-accent:   #FFFFFF;

    --border:           #E4E7EC;
    --border-light:     #EAECF0;
    --border-strong:    #D0D5DD;

    --error:            #F04438;
    --error-light:      #FEF3F2;
    --success:          #12B76A;
    --success-light:    #ECFDF3;
    --warning:          #F79009;
    --warning-light:    #FFFAEB;

    /* Radii */
    --radius-xs:  2px;
    --radius-sm:  4px;
    --radius-md:  6px;
    --radius-lg:  8px;
    --radius-xl:  12px;

    /* Spacing */
    --space-2:   2px;
    --space-4:   4px;
    --space-6:   6px;
    --space-8:   8px;
    --space-12:  12px;
    --space-16:  16px;
    --space-20:  20px;
    --space-24:  24px;
    --space-32:  32px;
    --space-40:  40px;
    --space-48:  48px;
    --space-64:  64px;
    --space-80:  80px;
    --space-96:  96px;
    --space-120: 120px;

    /* Typography */
    --font-ui:   'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'IBM Plex Mono', 'SF Mono', 'Fira Code', monospace;
}