/* ============================================================================ SANDIX+ | Design Tokens (sandix-theme.css) ---------------------------------------------------------------------------- The whole visual system is now built from exactly THREE brand colors: --sandix-red #c53920 the ember red used on the "+" of the SANDIX+ logo. The only accent color in the system. --sandix-white #e5e7eb the off-white already used in the SANDIX logo wordmark. Reference color for text and important UI elements. Pure #ffffff is used only where extra emphasis is needed. --sandix-black #000000 the black already used everywhere in the interface. Base of every background, on every page except profiles.html. Every other token in this file is only an ALPHA or LIGHTNESS step of one of those three colors — no other hue is introduced anywhere. Surfaces, borders, hovers, overlays and shadows are all neutral (black/white) steps; the red is reserved for the brand mark, primary actions and "hot" indicators (Top 10, live badges, alerts). HOW TO USE THIS FILE Link it once, near the top of , before page-specific