:root {
    --app-primary: #166534;
    --app-primary-dark: #92400e;
    --app-gradient-start: #16a34a;
    --app-gradient-end: #a16207;
    --app-gradient-primary: linear-gradient(135deg, var(--app-gradient-start) 0%, var(--app-gradient-end) 100%);
    --app-accent: #f59e0b;
    --app-bg: #fffdf7;
    --app-surface: #ffffff;
    --app-border: #e2e8f0;
    --app-text: #1e293b;
    --app-muted: #64748b;
    --app-sidebar: #f5f7ed;
    --app-font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --app-font-size: 16px;
    --app-sidebar-width: 220px;
    --topbar-company-font: 'Raleway', 'Segoe UI', sans-serif;
    --topbar-start: var(--app-gradient-start);
    --topbar-end: var(--app-gradient-end);
    --accent: var(--app-accent);
    --menu-hover: color-mix(in srgb, var(--app-primary) 10%, white);
    --submenu-bg: color-mix(in srgb, var(--app-primary) 6%, white);
    --menu-width: var(--app-sidebar-width);
}