/* ════════════════════════════════════════════════
nexus-tokens.css — UPDATED (Logo-aligned BLUE theme)
════════════════════════════════════════════════ */

/* ── LAYOUT DIMENSIONS ────────────────────────── */
:root {
/* Admin */
--sidebar-w:       260px;
--topbar-h:         62px;

```
/* Site */
--site-nav-h:       68px;
--site-max-w:     1200px;
--site-section-py:  88px;
--alert-bar-h:      40px;
```

}

/* ── COLOUR PALETTE (UPDATED) ─────────────────── */
:root {
--bg:            #f4f7fd;
--surface:       #ffffff;
--surface2:      #f1f5fb;
--border:        #d6ddf0;

```
/* TEXT IMPROVED */
--text:          #0f172a;   /* strong readable */
--muted:         #334155;   /* improved contrast */

--shadow:        0 1px 3px rgba(0,0,0,.06), 0 6px 20px rgba(0,0,0,.05);

/* LOGO-ALIGNED BLUE SYSTEM */
--accent:        #0b2e83;   /* primary */
--accent2:       #173fa3;   /* secondary */
--accent3:       #355fc2;   /* highlight */
--accent4:       #081f57;   /* dark navy */
--accent5:       #4e74d1;   /* soft blue */

/* NAV + STATES */
--nav-hover-bg:  #eef3ff;
--nav-active-bg: #dbe7ff;
--nav-active-c:  #0b2e83;
--nav-active-bd: #173fa3;

--pill-bg:       #e8eefc;
```

}

/* ── DARK MODE (UPDATED) ─────────────────────── */
[data-theme="dark"] {
--bg:            #0b1220;
--surface:       #121a2b;
--surface2:      #172036;
--border:        #24304a;

```
--text:          #e6ecff;
--muted:         #94a3b8;

--shadow:        0 1px 3px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);

--nav-hover-bg:  rgba(59,130,246,.10);
--nav-active-bg: rgba(59,130,246,.16);
--nav-active-c:  #60a5fa;
--nav-active-bd: #3b82f6;

--pill-bg:       #1e293b;

/* ── Bootstrap variable bridge ───────────── */
--bs-body-color:          var(--text);
--bs-body-bg:             var(--bg);
--bs-secondary-color:     var(--muted);
--bs-tertiary-color:      var(--muted);
--bs-border-color:        var(--border);
--bs-card-bg:             var(--surface);
--bs-card-border-color:   var(--border);
--bs-secondary-bg:        var(--surface2);
--bs-tertiary-bg:         var(--surface2);
--bs-emphasis-color:      var(--text);
--bs-link-color:          var(--accent);
--bs-link-hover-color:    var(--accent2);
--bs-heading-color:       var(--text);
--bs-table-color:         var(--text);
--bs-table-bg:            transparent;
--bs-table-border-color:  var(--border);
--bs-table-hover-bg:      var(--surface2);
--bs-table-striped-bg:    var(--surface2);
--bs-input-bg:            var(--surface2);
--bs-input-border-color:  var(--border);
--bs-input-color:         var(--text);
--bs-input-placeholder-color: var(--muted);
--bs-form-control-bg:     var(--surface2);
--bs-list-group-bg:       var(--surface);
--bs-list-group-border-color: var(--border);
--bs-list-group-color:    var(--text);
--bs-dropdown-bg:         var(--surface);
--bs-dropdown-border-color: var(--border);
--bs-dropdown-color:      var(--text);
--bs-modal-bg:            var(--surface);
--bs-modal-border-color:  var(--border);
```

}

/* ── SHAPE & TYPE ─────────────────────────────── */
:root {
--radius:        12px;
--radius-sm:      8px;

```
--font-body:     'Roboto', sans-serif;
--font-display:  'Roboto', sans-serif;
```

}

/* ── RESET & BASE ─────────────────────────────── */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: var(--font-body);
font-weight: 300;          /* Roboto Light */
background: var(--bg);
color: var(--text);
min-height: 100vh;
overflow-x: hidden;
transition: background .25s, color .25s;
}