:root {
    --sidebar-width: 20%;
    --content-width: 80%;
    --primary-bg: #FFFFFF;
    --dashboard-bg: #FFFFFF;
    --sidebar-bg: #FFFFFF;
    --content-bg: #FFFFFF;
    --text-primary: #000000;
    --text-secondary: #000000;
    --outline-color: #787878;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-md: 0.9rem;
    --font-size-lg: 1rem;
    --border-radius: 8px;
    --dashboard-width: 100%;
    --dashboard-height: 100%;
}













