/* ============================================================
sEyeber Hub — Shared Design Tokens (light / default)
Single source of truth for marketing site + app.
Include order in each HTML :
1. Google Fonts (see snippet below)
2.
3.
4. Page-specific styles.
Google Fonts snippet (place in , NOT @import'd here — avoids
a sequential round-trip and speeds up first paint):
============================================================ */
:root {
/* ---------- Brand palette ---------- */
--primary: #1849A9; /* GiGCXOs brand blue */
--primary-hover: #1D4ED8;
--accent: #2563EB;
--accent-light: #5D8EFF; /* canonical — replaces app's #3B82F6 */
--accent2: #A79EEB; /* app-only, kept for existing usages */
--gold: #D4A017; /* canonical gold — replaces --seyeber-gold */
/* ---------- Text ---------- */
--text-heading: #0D1F3C;
--text-body: #4A6178;
--text-muted: #7C91A9; /* canonical — replaces app's #94A3B8 */
--text-silver: #64748B; /* app-only (tables, meta) */
/* ---------- Surfaces & backgrounds ---------- */
--bg-page: #F5F8FC;
--bg-surface: #FFFFFF;
--bg-panel: #EDF2FA;
--bg-subtle: #E2E8F0; /* NEW — replaces app's misuse of --bg-deep */
--bg-deep: #0F1F3B; /* DARK navy (marketing heroes) — app must not reuse for light bg */
--bg-deeper: #0B1730;
/* ---------- Borders ---------- */
--border-light: #E2E8F0;
--border-medium: #CBD5E1;
/* ---------- Shadows ---------- */
--shadow-soft: 0 24px 70px rgba(13, 31, 60, 0.08);
--shadow-panel: 0 18px 40px rgba(24, 73, 169, 0.12);
--shadow-glow: 0 18px 60px rgba(37, 99, 235, 0.18);
/* ---------- Radius scale ---------- */
--radius-sm: 8px;
--radius-md: 16px;
--radius-lg: 22px;
--radius-xl: 32px;
--radius-pill: 999px;
/* ---------- Typography ---------- */
--font-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
--font-sans: 'Source Sans 3', 'Source Sans Pro', system-ui, -apple-system, sans-serif;
/* ---------- Layout ---------- */
--content-width: 1520px;
--content-gutter: clamp(24px, 4vw, 72px);
/* ---------- NIST CSF function colors (app-only) ---------- */
--fn-govern: #D4A017;
--fn-identify: #2980B9;
--fn-protect: #8E44AD;
--fn-detect: #E67E22;
--fn-respond: #C0392B;
--fn-recover: #27AE60;
}
/* ---------- Back-compat aliases (safe to remove after migration) ---------- */
:root {
--seyeber-gold: var(--gold); /* old app name → new canonical */
}