:root {
    /* Colors */
    --color-primary:   #0B1F3A;
    --color-accent:    #2563EB;
    --color-success:   #10B981;
    --color-danger:    #EF4444;
    --color-warning:   #F59E0B;
    --color-bg:        #F8FAFC;
    --color-surface:   #FFFFFF;
    --color-border:    #E2E8F0;
    --color-text:      #1E293B;
    --color-muted:     #64748B;
    --color-muted-bg:  #F1F5F9;

    /* Status badge colors */
    --color-cleared:   #10B981;
    --color-pending:   #F59E0B;
    --color-hold:      #EF4444;
    --color-bounced:   #7C3AED;
    --color-trial:     #2563EB;

    /* Spacing */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;

    /* Radius */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-full: 9999px;

    /* Typography */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', monospace;
    --text-xs:   11px;
    --text-sm:   13px;
    --text-base: 14px;
    --text-md:   15px;
    --text-lg:   17px;
    --text-xl:   20px;
    --text-2xl:  24px;
    --text-3xl:  30px;

    /* Shadows */
    --shadow-sm:  0 1px 2px rgba(0,0,0,.05);
    --shadow-md:  0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.05);
    --shadow-lg:  0 10px 15px -3px rgba(0,0,0,.07), 0 4px 6px -2px rgba(0,0,0,.04);

    /* Sidebar widths */
    --sidebar-w: 220px;
    --topbar-h:  56px;
}