/**
 * Surventis Mix Dashboard (SMD) — design tokens
 * Source: Figma UI-Designs (login 25:378, sidebar 10:2) + dashboard reference
 * Scope: default brand only (body.smd-theme)
 */

body.smd-theme {
    /* Primary purple scale */
    --smd-primary-100: #FDA8FF;
    --smd-primary-600: #850087;
    --smd-primary-700: #6e006f;
    --smd-primary-800: #560058;
    --smd-primary-900: #3F0040;

    /* Secondary greys */
    --smd-grey-50: #F5F4F6;
    --smd-grey-100: #DDD8DE;
    --smd-grey-300: #AC9FAD;
    --smd-grey-400: #938395;
    --smd-grey-800: #3D353E;

    /* Surfaces */
    --smd-surface: #FFFFFF;
    --smd-page-bg: #F5F4F6;
    --smd-sidebar-bg: var(--smd-primary-900);
    --smd-text: var(--smd-grey-800);
    --smd-text-muted: var(--smd-grey-400);
    --smd-border: var(--smd-grey-100);
    --smd-link: var(--smd-primary-600);
    --smd-link-hover: var(--smd-primary-700);

    /* Radius */
    --smd-radius-card: 16px;
    --smd-radius-sidebar: 24px;
    --smd-radius-control: 6px;
    --smd-radius-button: 8px;
    --smd-radius-badge: 10px;

    /* Elevation */
    --smd-shadow-0: 0 1px 0 rgba(15, 18, 21, 0.08);
    --smd-shadow-1: 0 1px 2px rgba(15, 18, 21, 0.3), 0 1px 1.5px rgba(15, 18, 21, 0.15);
    --smd-shadow-3: 0 1px 3px rgba(15, 18, 21, 0.3), 0 4px 8px rgba(15, 18, 21, 0.15);
    --smd-shadow-card: 0 2px 8px rgba(15, 18, 21, 0.06);

    /* Spacing */
    --smd-space-1: 4px;
    --smd-space-2: 8px;
    --smd-space-3: 12px;
    --smd-space-4: 16px;
    --smd-space-5: 24px;
    --smd-space-6: 32px;

    /* Typography */
    --smd-font: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Flat chart palette */
    --smd-chart-1: #F4A261;
    --smd-chart-2: #E76F91;
    --smd-chart-3: #2A9D8F;
    --smd-chart-4: #4EA8DE;
    --smd-chart-5: #850087;
    --smd-chart-6: #E9C46A;
    --smd-chart-7: #9B5DE5;
    --smd-chart-8: #00BBF9;
    --smd-chart-grid: #E8E4EA;
    --smd-chart-tick: #938395;

    /* Performance gauge bands (keep semantic meaning) */
    --smd-gauge-red: #EF476F;
    --smd-gauge-yellow: #FFD166;
    --smd-gauge-green: #06D6A0;

    /* Bootstrap / theme bridges used by Monster Admin */
    --smd-success: #2A9D8F;
    --smd-warning: #E9C46A;
    --smd-danger: #E76F91;
    --smd-info: #4EA8DE;
}