/* ============================================================
   NIRMAN — Brand Theme
   Building Developer Booking & Maintenance System
   ------------------------------------------------------------
   Identity: architectural blueprint. LIGHT MODE is the default
   (clean drafting-paper feel); a dark "night-plan" mode is
   available via the toggle. All colour is variable-driven so a
   theme engine can extend this later.
   ============================================================ */

:root {
    /* ── LIGHT (default) — drafting paper ── */
    --nm-ink:        #eef2f7;   /* page background          */
    --nm-slate:      #ffffff;   /* panel base               */
    --nm-slate-2:    #f4f7fb;   /* raised panel             */
    --nm-line:       #c3d4e6;   /* blueprint grid line      */
    --nm-cyan:       #0e7fc4;   /* primary accent           */
    --nm-cyan-soft:  #38a8e6;
    --nm-brass:      #c8902f;   /* highlight / completed    */
    --nm-brass-soft: #e0b25a;
    --nm-text:       #15263b;
    --nm-text-dim:   #51677f;
    --nm-text-faint: #8499af;
    --nm-danger:     #d4453f;
    --nm-ok:         #189b6b;

    --nm-glass:        rgba(255, 255, 255, 0.78);
    --nm-glass-border: rgba(14, 127, 196, 0.18);
    --nm-glass-hi:     rgba(14, 127, 196, 0.05);
    --nm-grid:         rgba(14, 127, 196, 0.08);

    /* surfaces used in svg plates */
    --nm-plate-1: #dceaf6;
    --nm-plate-2: #c4dbef;
    --nm-window:  #eaf3fb;
    --nm-window-edge: #93b6d6;

    /* ── Type ── */
    --nm-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --nm-body:    'Inter', 'Segoe UI', system-ui, sans-serif;
    --nm-mono:    'JetBrains Mono', 'Consolas', monospace;

    /* ── Geometry ── */
    --nm-radius:   16px;
    --nm-radius-s: 10px;
    --nm-shadow:   0 24px 60px -28px rgba(21, 38, 59, 0.32);
    --nm-ease:     cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── DARK — night plan ── */
[data-theme="dark"] {
    --nm-ink:        #0b1424;
    --nm-slate:      #111c30;
    --nm-slate-2:    #16243c;
    --nm-line:       #21527a;
    --nm-cyan:       #38bdf8;
    --nm-cyan-soft:  #7dd3fc;
    --nm-brass:      #e2b15e;
    --nm-brass-soft: #f0cd8a;
    --nm-text:       #e8eef6;
    --nm-text-dim:   #9fb2c9;
    --nm-text-faint: #5f7798;
    --nm-danger:     #f87171;
    --nm-ok:         #34d399;

    --nm-glass:        rgba(22, 36, 60, 0.62);
    --nm-glass-border: rgba(56, 189, 248, 0.18);
    --nm-glass-hi:     rgba(255, 255, 255, 0.04);
    --nm-grid:         rgba(56, 189, 248, 0.07);

    --nm-plate-1: #1c3554;
    --nm-plate-2: #13243d;
    --nm-window:  #0c1b30;
    --nm-window-edge: #2c5a85;

    --nm-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.7);
}
