/* ==========================================================================
   Exhibition Management CRM - design system (on top of Bootstrap 5.3)
   Tokens first; every component reads from them so colour coding stays consistent.
   ========================================================================== */

:root {
    --em-primary: #3b4a9f;
    --em-primary-600: #2f3c86;
    --em-primary-050: #eef0fa;
    --em-primary-100: #dfe3f6;
    --em-accent: #7c5cdb;

    --em-bg: #f4f6fb;
    --em-surface: #ffffff;
    --em-surface-2: #f8f9fd;
    --em-border: #e3e7f1;
    --em-text: #1f2a44;
    --em-muted: #6b7590;

    /* Status palette - same meaning everywhere */
    --em-success: #1e9e6a;  --em-success-bg: #e6f6ef;   /* Interested, Completed, High priority */
    --em-warning: #b97700;  --em-warning-bg: #fff4dc;   /* In process, Pending, Medium, Due today */
    --em-danger:  #d64545;  --em-danger-bg:  #fdeaea;   /* Not interested, Overdue, Low */
    --em-info:    #2f80ed;  --em-info-bg:    #e8f1fd;   /* To do, Upcoming */
    --em-neutral: #6f7891;  --em-neutral-bg: #eef0f5;   /* No data / N/A */

    --em-radius: 14px;
    --em-radius-sm: 10px;
    --em-shadow: 0 1px 2px rgba(31, 42, 68, .04), 0 6px 24px rgba(31, 42, 68, .06);
    --em-shadow-lg: 0 18px 48px rgba(31, 42, 68, .16);
    --em-sidebar-w: 256px;
    --em-sidebar-mini-w: 76px;
    --em-topbar-h: 64px;
    --em-touch: 44px;

    --bs-primary: var(--em-primary);
    --bs-primary-rgb: 59, 74, 159;
    --bs-link-color: var(--em-primary);
    --bs-link-hover-color: var(--em-primary-600);
    --bs-body-font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    --bs-body-color: var(--em-text);
    --bs-body-bg: var(--em-bg);
    --bs-border-color: var(--em-border);
}

html { -webkit-text-size-adjust: 100%; }
body { background: var(--em-bg); color: var(--em-text); font-size: .9375rem; }
a { text-decoration: none; }
:focus-visible { outline: 3px solid rgba(59, 74, 159, .35); outline-offset: 2px; }