/* Hermes Dashboard Design Tokens System */
:root {
    /* Color Palette — Hardened Modern Light & Sleek Dark Accents */
    --bg-base: #F8FAFC;
    --bg-elevated: #FFFFFF;
    --card-bg: #FFFFFF;
    --panel-border: #E2E8F0;
    --border-light: #F1F5F9;
    
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #94A3B8;
    
    --accent: #4F46E5;
    --accent-hover: #4338CA;
    --accent-light: #EEF2FF;

    /* Status Badges */
    --badge-emerald: #10B981;
    --badge-emerald-bg: #ECFDF5;
    --badge-indigo: #6366F1;
    --badge-indigo-bg: #EEF2FF;
    --badge-amber: #F59E0B;
    --badge-amber-bg: #FFFBEB;
    --badge-rose: #EF4444;
    --badge-rose-bg: #FEF2F2;
    --badge-slate: #64748B;
    --badge-slate-bg: #F1F5F9;
    --badge-blue: #3B82F6;
    --badge-blue-bg: #EFF6FF;

    /* Shadows & Radii */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 9999px;

    /* Layout Constraints */
    --sidebar-width: 260px;
    --header-height: 64px;
}