/**
 * SpotShare Desktop — tokens inspirés Medusa UI (vanilla CSS, sans @medusajs/ui).
 * Réf. : https://docs.medusajs.com/ui
 */
:root {
    --ui-bg-base: #ffffff;
    --ui-bg-subtle: #fafafa;
    --ui-bg-subtle-hover: #f4f4f5;
    --ui-bg-component: #ffffff;
    --ui-bg-component-hover: #fafafa;
    --ui-bg-field: #ffffff;
    --ui-bg-field-hover: #fafafa;
    --ui-bg-overlay: rgba(24, 24, 27, 0.45);
    --ui-bg-interactive: #2563eb;
    --ui-bg-interactive-hover: #1d4ed8;

    --ui-fg-base: #18181b;
    --ui-fg-subtle: #52525b;
    --ui-fg-muted: #71717a;
    --ui-fg-disabled: #a1a1aa;
    --ui-fg-on-color: #ffffff;
    --ui-fg-interactive: #2563eb;
    --ui-fg-interactive-hover: #1d4ed8;

    --ui-border-base: #e4e4e7;
    --ui-border-strong: #d4d4d8;
    --ui-border-interactive: #2563eb;

    --ui-radius-sm: 6px;
    --ui-radius-md: 8px;
    --ui-radius-lg: 12px;
    --ui-radius-xl: 16px;

    --ui-shadow-elevation-card: 0 1px 2px rgba(24, 24, 27, 0.06), 0 0 0 1px rgba(24, 24, 27, 0.04);
    --ui-shadow-elevation-card-hover: 0 4px 12px rgba(24, 24, 27, 0.08), 0 0 0 1px rgba(24, 24, 27, 0.04);

    --ui-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --ui-font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;

    --desktop-sidebar-w: 15rem;
    --desktop-map-min: 42%;
}

html.dark.ss-desktop {
    --ui-bg-base: #09090b;
    --ui-bg-subtle: #18181b;
    --ui-bg-subtle-hover: #27272a;
    --ui-bg-component: #18181b;
    --ui-bg-component-hover: #27272a;
    --ui-bg-field: #18181b;
    --ui-bg-field-hover: #27272a;
    --ui-fg-base: #fafafa;
    --ui-fg-subtle: #a1a1aa;
    --ui-fg-muted: #71717a;
    --ui-border-base: #27272a;
    --ui-border-strong: #3f3f46;
}