:root {
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 50px;
    /* Adjusted for icon only */
    --grid-size: 50px;
    /* Standardized height for topbar, sidebar items */
    --transition-all: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --border: 1px solid var(--border-color);
    --border-radius-card: 0.5rem;

    /* Accent colors */
    /* --primary-color: #4033b6;
    --primary-hover: #b14acd; */
    --primary-color: #ff3e00;
    --primary-hover: #ff3e00;
    --gradient: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-hover) 100%);

    /* Base colors */
    --main-bg: #ffffff;
    --sidebar-bg: #ffffff;
    --topbar-bg: #ffffff;
    --card-bg: #ffffff;
    
    /* Content colors */
    --hover-color: #f8f9fc;
    --text-primary: #111111;
    --text-secondary: #64748b;
    --border-color: #eeeeee;
}