/* ========================================================================== CONVERGENCE GAMING — brand color system (shared token layer) -------------------------------------------------------------------------- - :root holds the LOCKED layer (neutrals + umbrella teal). Identical on every property — this is what makes all servers read as "Convergence". - Each server sets ONLY its accent trio via a [data-cvg-server] scope. - Consume tokens via the variables, never hardcode hex in components. Usage: put the attribute on , e.g. New server = copy a scope block, change 3 lines. NOTE: font tokens are mapped to the self-hosted Rajdhani (display) + Inter (body) faces already on the box — close to the Saira/industrial intent, CSP-safe (font-src 'self'), no external requests. Swap to self-hosted Saira later by replacing the @font-face set + these two tokens. ========================================================================== */ :root { /* --- Neutrals (locked) --- */ --cvg-bg: #141414; --cvg-surface: #1F1F22; /* nav bars, panels */ --cvg-surface-raised: #26262A; /* cards sitting on a surface */ --cvg-border: #2E2E32; --cvg-border-strong: #3C3C42; /* hover / focus borders */ --cvg-text: #EFEFEF; --cvg-text-muted: #8A8A8A; /* #777 fails AA on #141414 for body text */ --cvg-text-faint: #6A6A6A; /* decorative/hints only */ /* --- Umbrella accent (locked — the Convergence constant) --- */ --cvg-umbrella: #2A6F7A; /* fills, wordmark, the | separator */ --cvg-umbrella-text: #3FA7C4; /* brightened for links / small text on dark */ --cvg-umbrella-ink: #EFEFEF; /* text/icons placed ON a teal fill */ /* --- Per-server accent (default = umbrella; servers override) --- */ --cvg-accent: var(--cvg-umbrella); --cvg-accent-hover: var(--cvg-umbrella-text); --cvg-accent-ink: #141414; /* text/icons placed ON the accent fill */ /* --- Structure --- */ --cvg-radius-sm: 4px; --cvg-radius-md: 8px; --cvg-radius-lg: 12px; --cvg-ring: 0 0 0 2px var(--cvg-bg), 0 0 0 4px var(--cvg-accent); /* --- Type slots (mapped to self-hosted faces) --- */ --cvg-font-display: "Rajdhani", "Saira Condensed", system-ui, sans-serif; --cvg-font-body: "Inter", "Saira", system-ui, sans-serif; --cvg-font-mono: ui-monospace, "JetBrains Mono", Menlo, monospace; } /* ========================================================================== SERVER SCOPES — override accent trio only ========================================================================== */ /* Citadel — Rust — live */ [data-cvg-server="citadel"] { --cvg-accent: #FF6B1A; /* ember */ --cvg-accent-hover: #FF8340; --cvg-accent-ink: #141414; } /* Server 02 — example slot (toxic green) */ [data-cvg-server="server-02"] { --cvg-accent: #8FD14F; --cvg-accent-hover: #A3DD6E; --cvg-accent-ink: #141414; } /* Server 03 — example slot (violet) */ [data-cvg-server="server-03"] { --cvg-accent: #B57BFF; --cvg-accent-hover: #C79AFF; --cvg-accent-ink: #141414; }