:root {
    --app-bg: #f5f7fb;
    --app-surface: #ffffff;
    --app-surface-soft: #f8fafc;

    --app-text: #172033;
    --app-muted: #6c757d;
    --app-border: rgba(15, 23, 42, 0.10);

    --app-primary: #198754;
    --app-primary-dark: #157347;
    --app-primary-soft: rgba(25, 135, 84, 0.12);

    --app-danger: #dc3545;
    --app-danger-soft: rgba(220, 53, 69, 0.10);

    --app-warning: #ffc107;
    --app-warning-soft: rgba(255, 193, 7, 0.14);

    --app-info: #0d6efd;
    --app-info-soft: rgba(13, 110, 253, 0.10);

    --app-radius-sm: 10px;
    --app-radius-md: 16px;
    --app-radius-lg: 24px;

    --app-shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.06);
    --app-shadow-md: 0 12px 32px rgba(15, 23, 42, 0.10);

    --desktop-sidebar-width: 260px;
    --mobile-topbar-height: 56px;
    --mobile-bottom-nav-height: 72px;
}