/* UIDM Hub design tokens
   Inspired by the pw2 management shell: crisp blue, clean white surfaces,
   compact enterprise spacing, and strong accessible contrast. */

:root {
    --uidm-primary: #1d4ed8;
    --uidm-primary-hover: #163fae;
    --uidm-primary-deep: #102f85;
    --uidm-primary-soft: #eaf2ff;
    --uidm-primary-softer: #f3f7ff;
    --uidm-accent: #0891b2;
    --uidm-success: #0f9f6e;
    --uidm-warning: #c98208;
    --uidm-danger: #dc3545;
    --uidm-info: #2563eb;

    --uidm-navy: #10223d;
    --uidm-slate-900: #172033;
    --uidm-slate-700: #3f5477;
    --uidm-slate-600: #526987;
    --uidm-slate-500: #6f82a3;
    --uidm-muted: #7d8fab;

    --uidm-bg: #eef4ff;
    --uidm-page-bg: #f5f8ff;
    --uidm-surface: #ffffff;
    --uidm-surface-soft: #f7faff;
    --uidm-border: #cddcf1;
    --uidm-border-soft: #e1e9f7;

    --uidm-space-1: 0.25rem;
    --uidm-space-2: 0.5rem;
    --uidm-space-3: 0.75rem;
    --uidm-space-4: 1rem;
    --uidm-space-5: 1.5rem;
    --uidm-space-6: 2rem;
    --uidm-space-7: 3rem;

    --uidm-radius-sm: 6px;
    --uidm-radius: 8px;
    --uidm-radius-md: 12px;
    --uidm-radius-lg: 18px;
    --uidm-radius-xl: 22px;
    --uidm-radius-pill: 999px;

    --uidm-shadow-sm: 0 6px 14px rgba(16, 34, 61, 0.06);
    --uidm-shadow: 0 14px 30px rgba(16, 34, 61, 0.09);
    --uidm-shadow-md: 0 18px 34px rgba(16, 34, 61, 0.11);
    --uidm-shadow-primary: 0 12px 22px rgba(29, 78, 216, 0.24);

    --uidm-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --uidm-font-display: "Plus Jakarta Sans", var(--uidm-font-body);

    --bs-primary: var(--uidm-primary);
    --bs-primary-rgb: 29, 78, 216;
    --bs-secondary-rgb: 82, 105, 135;
    --bs-success: var(--uidm-success);
    --bs-warning: var(--uidm-warning);
    --bs-danger: var(--uidm-danger);
    --bs-info: var(--uidm-info);
    --bs-body-bg: var(--uidm-page-bg);
    --bs-body-color: var(--uidm-navy);
    --bs-border-color: var(--uidm-border);
    --bs-font-sans-serif: var(--uidm-font-body);

    /* Legacy aliases used by older module CSS. */
    --primary: var(--uidm-primary);
    --primary-color: var(--uidm-primary);
    --secondary: var(--uidm-slate-700);
    --secondary-color: var(--uidm-slate-700);
    --dark: var(--uidm-navy);
    --background: var(--uidm-page-bg);
    --surface: var(--uidm-surface);
    --border-color: var(--uidm-border);
    --text-main: var(--uidm-navy);
    --text-muted: var(--uidm-slate-500);
    --success: var(--uidm-success);
    --warning: var(--uidm-warning);
    --danger: var(--uidm-danger);
    --info: var(--uidm-info);
    --radius-sm: var(--uidm-radius-sm);
    --radius-md: var(--uidm-radius-md);
    --radius-lg: var(--uidm-radius-lg);
    --shadow-sm: var(--uidm-shadow-sm);
    --shadow-md: var(--uidm-shadow-md);
    --transition: all 0.18s ease;
}