/* ============================================================
   DICIP DESIGN TOKENS
   Single source of truth for color, spacing, and shape.
   No !important. No theme switching. One clean light theme.
   ============================================================ */

:root {
    /* ---------- Brand ---------- */
    --dicip-primary: #3266EA;
    --dicip-primary-hover: #2455CC;
    --dicip-primary-soft: #EBF1FD; /* light tint backgrounds, e.g. selected nav */
    /* ---------- Surfaces ---------- */
    --dicip-bg-page: #F8F7F4; /* warm off-white page background */
    --dicip-bg-card: #FFFFFF; /* card / panel background */
    --dicip-bg-subtle: #F9FAFB; /* secondary surface, e.g. inset panels */
    --dicip-bg-hover: #F3F4F6; /* hover background for list rows etc. */
    /* ---------- Sidebar (dark, fixed) ---------- */
    --dicip-sidebar-bg: #0F0F17;
    --dicip-sidebar-text: rgba(255, 255, 255, 0.85);
    --dicip-sidebar-text-muted: rgba(255, 255, 255, 0.55);
    --dicip-sidebar-icon: rgba(255, 255, 255, 0.6);
    --dicip-sidebar-icon-active: #FFFFFF;
    --dicip-sidebar-active-bg: rgba(50, 102, 234, 0.25);
    --dicip-sidebar-hover-bg: rgba(255, 255, 255, 0.08);
    /* ---------- Text ---------- */
    --dicip-text-primary: #1F2937;
    --dicip-text-secondary: #6B7280;
    --dicip-text-tertiary: #9CA3AF;
    --dicip-text-disabled: #C4C4C4;
    --dicip-text-on-primary: #FFFFFF;
    /* ---------- Borders ---------- */
    --dicip-border: #E5E7EB;
    --dicip-border-soft: #F3F4F6;
    --dicip-border-focus: var(--dicip-primary);
    /* ---------- Semantic ---------- */
    --dicip-success: #16A34A;
    --dicip-success-bg: #ECFDF3;
    --dicip-warning: #B45309;
    --dicip-warning-bg: #FFFBEB;
    --dicip-error: #DC2626;
    --dicip-error-bg: #FEF2F2;
    --dicip-info: var(--dicip-primary);
    --dicip-info-bg: var(--dicip-primary-soft);
    /* ---------- Shape ---------- */
    --dicip-radius-sm: 6px;
    --dicip-radius-md: 8px;
    --dicip-radius-lg: 12px;
    --dicip-radius-xl: 16px;
    --dicip-radius-pill: 999px;
    /* ---------- Shadow ---------- */
    --dicip-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --dicip-shadow-md: 0 2px 10px rgba(50, 102, 234, 0.08);
    --dicip-shadow-none: none;
    /* ---------- Spacing scale ---------- */
    --dicip-space-1: 4px;
    --dicip-space-2: 8px;
    --dicip-space-3: 12px;
    --dicip-space-4: 16px;
    --dicip-space-5: 20px;
    --dicip-space-6: 24px;
    --dicip-space-8: 32px;
    /* ---------- Layout ---------- */
    --dicip-drawer-width: 260px;
    --dicip-drawer-width-mini: 104px;
    --dicip-appbar-height: 80px;
    /* ============================================================
     MUDBLAZOR BRIDGE
     MudBlazor components read --mud-palette-* internally.
     We map them once, here, to our tokens above — so MudBlazor
     renders correctly without any further per-page overrides.
     ============================================================ */

    --mud-palette-primary: var(--dicip-primary);
    --mud-palette-primary-darken: var(--dicip-primary-hover);
    --mud-palette-primary-text: var(--dicip-text-on-primary);
    --mud-palette-background: var(--dicip-bg-page);
    --mud-palette-surface: var(--dicip-bg-card);
    --mud-palette-secondary: var(--dicip-bg-card);
    --mud-palette-secondary-darken: var(--dicip-bg-subtle);
    --mud-palette-text-primary: var(--dicip-text-primary);
    --mud-palette-text-secondary: var(--dicip-text-secondary);
    --mud-palette-text-disabled: var(--dicip-text-disabled);
    --mud-palette-divider: var(--dicip-border);
    --mud-palette-divider-light: var(--dicip-border-soft);
    --mud-palette-lines-default: var(--dicip-border);
    --mud-palette-lines-inputs: var(--dicip-border);
    --mud-palette-drawer-background: var(--dicip-sidebar-bg);
    --mud-palette-drawer-text: var(--dicip-sidebar-text);
    --mud-palette-drawer-icon: var(--dicip-sidebar-icon);
    --mud-palette-appbar-background: rgba(255, 255, 255, 0);
    --mud-palette-appbar-text: var(--dicip-text-primary);
    --mud-palette-success: var(--dicip-success);
    --mud-palette-warning: var(--dicip-warning);
    --mud-palette-error: var(--dicip-error);
    --mud-palette-info: var(--dicip-info);
    --mud-palette-tertiary: var(--dicip-bg-hover);
    --mud-palette-tertiary-text: var(--dicip-text-primary);
    --mud-palette-action-default: rgba(31, 41, 55, 0.54);
    --mud-palette-action-default-hover: rgba(31, 41, 55, 0.06);
    --mud-palette-action-disabled: rgba(31, 41, 55, 0.26);
    --mud-default-borderradius: var(--dicip-radius-md);
    --mud-drawer-width-left: var(--dicip-drawer-width);
    --mud-drawer-width-mini-left: var(--dicip-drawer-width-mini);
    --mud-appbar-height: var(--dicip-appbar-height);
    --mud-typography-default-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
}