/* backend-min — design tokens. Override here to re-skin. */
:root {
    /* Sidebar */
    --sidebar-width: 195px;
    --sidebar-bg: #182032;
    --sidebar-text: rgba(200, 213, 230, 0.75);
    --sidebar-text-hover: #fff;
    --sidebar-active-bg: rgba(255, 255, 255, 0.08);
    --sidebar-active-text: #fff;
    --sidebar-section: rgba(200, 213, 230, 0.38);
    --sidebar-border: rgba(255, 255, 255, 0.07);

    /* Primary */
    --primary: #206bc4;
    --primary-dark: #1759a8;
    --primary-light: #dbeafe;

    /* Semantic */
    --success: #2fb344;
    --success-bg: #d3f9d8;
    --success-text: #1a6632;
    --warning: #f59f00;
    --warning-bg: #fff3bf;
    --warning-text: #7d5300;
    --danger: #d63939;
    --danger-bg: #fde8e8;
    --danger-text: #9a1212;
    --info: #4299e1;
    --info-bg: #dbeafe;
    --info-text: #1e40af;
    --dark-bg: #334155;
    --dark-text: #fff;

    /* Neutral */
    --ink: #1e293b;
    --muted: #667085;
    --muted-soft: #94a3b8;
    --line: #e2e8f0;
    --line-light: #f1f5f9;
    --page-bg: #f0f4f8;
    --card-bg: #fff;

    /* Radius */
    --radius-sm: 4px;
    --radius: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 4px 6px rgba(15, 23, 42, 0.04), 0 10px 20px rgba(15, 23, 42, 0.08);

    /* Transitions */
    --t: 150ms ease;
}

/* Added for the Symfony app: wide container (admin grids are dense) and Velzon/Bootstrap variable remap. */
:root {
    --container-max: 1760px;
    --topbar-height: 44px;
    --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    /* The theme (Velzon / Bootstrap 5.3) reads its own variables; point them at the tokens above. */
    --vz-primary: #206bc4;
    --vz-primary-rgb: 32, 107, 196;
    --vz-link-color: #206bc4;
    --vz-link-hover-color: #1759a8;
    --vz-link-color-rgb: 32, 107, 196;
    --vz-link-hover-color-rgb: 23, 89, 168;
    --vz-body-bg: #f0f4f8;
    --vz-body-color: #1e293b;
    --vz-body-font-family: var(--font-ui);
    --vz-font-sans-serif: var(--font-ui);
    --vz-heading-color: #1e293b;
    --vz-border-color: #e2e8f0;
    --vz-input-bg: #fff;
    --vz-input-border: #e2e8f0;
    --vz-success: #2fb344;
    --vz-success-rgb: 47, 179, 68;
    --vz-warning: #f59f00;
    --vz-warning-rgb: 245, 159, 0;
    --vz-danger: #d63939;
    --vz-danger-rgb: 214, 57, 57;
    --vz-info: #4299e1;
    --vz-info-rgb: 66, 153, 225;
}

:root {
    --vz-secondary: #667085;
    --vz-secondary-rgb: 102, 112, 133;
    --vz-primary-bg-subtle: #dbeafe;
    --vz-secondary-bg-subtle: #f1f5f9;
    --vz-success-bg-subtle: #d3f9d8;
    --vz-warning-bg-subtle: #fff3bf;
    --vz-danger-bg-subtle: #fde8e8;
    --vz-info-bg-subtle: #dbeafe;
    --vz-light: #f1f5f9;
    --vz-light-rgb: 241, 245, 249;
    --vz-dark: #334155;
    --vz-dark-rgb: 51, 65, 85;
}