/* =============================================================================
   SignMe design tokens — the single source of truth for colour, spacing, radius,
   typography, shadow and z-index. Loaded BEFORE the other stylesheets.

   This file is ADDITIVE: on its own it changes nothing visually. New and migrated
   styles should consume var(--sm-*) instead of hard-coded values, so the historical
   drift (5 different blues, ~32 radii, ~62 font sizes, ~66 shadows) can be retired
   page-by-page until the legacy values are gone.
   ============================================================================= */
:root {
    /* ── Brand ─────────────────────────────────────────────────────────────
       The value actually painted on screen across the app is #086cac, so that
       is the canonical brand colour (the older --primary-color:#036eab etc. were
       declared but rarely the real on-screen value). */
    --sm-primary: #086cac;
    --sm-primary-dark: #066091;   /* hover / active */
    --sm-primary-soft: #e6f1f8;   /* tinted surfaces, selected rows, icon chips */
    --sm-primary-contrast: #ffffff;

    /* ── Semantic ──────────────────────────────────────────────────────────── */
    --sm-danger: #dc3545;
    --sm-danger-soft: #fdeeee;    /* = existing .row-rejected tint */
    --sm-success: #198754;
    --sm-success-soft: #eefdf4;   /* = existing .row-accepted tint */
    --sm-warning: #d39e00;
    --sm-warning-soft: #fff8e6;

    /* ── Neutrals ──────────────────────────────────────────────────────────── */
    --sm-bg: #f3fbfe;             /* app background (= existing body bg) */
    --sm-surface: #ffffff;
    --sm-border: #e5e7eb;         /* collapses the ~11 look-alike light grays */
    --sm-text: #374151;
    --sm-text-strong: #1f2937;
    --sm-text-muted: #6b7280;

    /* ── Radius ────────────────────────────────────────────────────────────── */
    --sm-radius-sm: 8px;
    --sm-radius: 12px;
    --sm-radius-lg: 16px;
    --sm-radius-pill: 999px;

    /* ── Typography scale ──────────────────────────────────────────────────── */
    --sm-fs-xs: 11px;
    --sm-fs-sm: 12px;
    --sm-fs-md: 13px;
    --sm-fs-base: 14px;
    --sm-fs-lg: 16px;
    --sm-fs-xl: 20px;

    /* ── Elevation ─────────────────────────────────────────────────────────── */
    --sm-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
    --sm-shadow-md: 0 4px 12px rgba(16, 24, 40, .10);
    --sm-shadow-lg: 0 12px 28px rgba(16, 24, 40, .16);

    /* ── Layout ────────────────────────────────────────────────────────────── */
    --sm-sidebar-width: 217px;    /* single source of truth; mini/mobile derive from it */

    /* ── Z-index tiers (replace the hand-tuned 999/1000/1040/1050/1100 ladder) ── */
    --sm-z-header: 1000;
    --sm-z-overlay: 1040;
    --sm-z-drawer: 1050;
    --sm-z-dropdown: 1060;
    --sm-z-modal: 1070;
    --sm-z-toast: 1080;
}