/* 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;
}