/* Inesh Business Hub — Design Tokens */
:root {
    /* Brand */
    --color-primary:        #1a3c5e;
    --color-primary-light:  #2a5298;
    --color-primary-dark:   #0f2340;
    --color-accent:         #e8a020;
    --color-accent-light:   #f5c048;

    /* Neutrals */
    --color-white:          #ffffff;
    --color-bg:             #f0f2f5;
    --color-bg-card:        #ffffff;
    --color-border:         #dde1e7;
    --color-border-light:   #edf0f4;

    /* Text */
    --color-text:           #1a1f2e;
    --color-text-secondary: #5a6474;
    --color-text-muted:     #9aa3b0;
    --color-text-inverse:   #ffffff;

    /* Status */
    --color-success:        #16a34a;
    --color-success-bg:     #dcfce7;
    --color-warning:        #d97706;
    --color-warning-bg:     #fef3c7;
    --color-danger:         #dc2626;
    --color-danger-bg:      #fee2e2;
    --color-info:           #0284c7;
    --color-info-bg:        #e0f2fe;

    /* Sidebar */
    --sidebar-width:        240px;
    --sidebar-bg:           #0f2340;
    --sidebar-text:         #c8d4e8;
    --sidebar-active-bg:    #1a3c5e;
    --sidebar-active-text:  #ffffff;
    --sidebar-hover-bg:     rgba(255,255,255,0.06);
    --topbar-height:        58px;

    /* Typography */
    --font-sans:            'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono:            'Consolas', 'Courier New', monospace;
    --text-xs:              0.75rem;
    --text-sm:              0.875rem;
    --text-base:            1rem;
    --text-lg:              1.125rem;
    --text-xl:              1.25rem;
    --text-2xl:             1.5rem;
    --text-3xl:             1.875rem;

    /* Spacing */
    --space-1:   0.25rem;
    --space-2:   0.5rem;
    --space-3:   0.75rem;
    --space-4:   1rem;
    --space-5:   1.25rem;
    --space-6:   1.5rem;
    --space-8:   2rem;
    --space-10:  2.5rem;
    --space-12:  3rem;

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

    /* Shadows */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --shadow-md:  0 4px 12px rgba(0,0,0,0.10);
    --shadow-lg:  0 8px 24px rgba(0,0,0,0.12);

    /* Transitions */
    --transition: 150ms ease;
}