/* ============================================================ SuperbTraX — Global Theme White theme · Inter font · Blue accent (#3b82f6) Load this FIRST in every page ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); :root { /* ── Backgrounds ── */ --bg: #f8fafc; /* page background */ --surface: #ffffff; /* cards, topbar, panels */ --surface2: #f1f5f9; /* secondary surface (table header, sidebar section) */ /* ── Borders ── */ --border: #e2e8f0; /* default border */ --border2: #cbd5e1; /* stronger border */ --muted: color-mix(in srgb,var(--text) 80%,var(--bg)); /* secondary/muted text */ /* ── Text ── */ --text: #1e293b; /* primary text */ --dim: #94a3b8; /* placeholder, hint */ --muted: #64748b; /* secondary text */ --color-intensity: 1; /* intentional cell colour vividness: 0.5 (washed) → 1.0 (full) */ /* ── Accent colours ── */ --blue: #3b82f6; --blue-dk: #2563eb; --green: #22c55e; --red: #ef4444; --amber: #f59e0b; --purple: #a855f7; /* ── Interactive states ── */ --hover-bg: #f1f5f9; --active-bg: #eff6ff; --active-border: var(--blue); /* ── Navigation bar ── */ --nav-bg: #1e293b; /* navbar background (dark by default) */ --nav-text: #94a3b8; /* navbar text / icon colour */ --nav-surface: #0f172a; /* dropdown / panel / drawer bg */ --nav-border: #334155; /* nav borders and dividers */ } /* ── Base reset ── */ *, *::before, *::after { box-sizing: