/* ============================================================================ RIFID SOFTWARE LLC — CANONICAL BRAND TOKENS Single source of truth. Supersedes all prior values incl. Figma assets. 4 isolated layers. Set the layer on a container: Reference SEMANTIC tokens (--bg-primary, --accent-primary, ...), never raw hex. ============================================================================ */ /* Shared, layer-agnostic ----------------------------------------------------- */ :root { /* Elevation uses opacity only: 8–20%. No hard 1px lines. */ --elev-min: 0.08; --elev-max: 0.20; } /* ── CORPORATE NEUTRAL — Rifid Software LLC (legal shell, true neutral) ──────── Where: rifid.co, legal, policies, press. MUST NOT use: brand accents, gradients, emotional color. Only layer permitted to use pure white (#FFFFFF). */ :root, [data-theme="corporate"] { --bg-primary: #FFFFFF; --bg-secondary: #F5F6F7; --bg-tertiary: #ECEDEF; --text-primary: #1F2933; --text-secondary: #374151; --text-muted: #6B7280; --accent-primary: #4B5563; /* authority / neutrality — not a brand accent */ --accent-secondary: #9CA3AF; --border: #D1D5DB; --surface: #FFFFFF; } /* ── RIFID ECOSYSTEM (calm foundation, warm-neutral) ────────────────────────── Where: rifid.rifid.co hub, shared UX, Rifid social, Rifid product marketing. MUST NOT use: pure white, app-specific product colors. Sage (--accent-primary #9FA892) is RIFID-ONLY across the whole system. */ [data-theme="rifid"] { --bg-primary: #FDFBF7; /* warm white — never #FFFFFF */ --bg-secondary: #FAF8F4; --bg-tertiary: #F5F3EF; --text-primary: #2A3330; --text-secondary: #3D4845; --text-muted: #6B7970; --accent-primary: #9FA892; /* sage — exclusive to Rifid */ --accent-secondary: #A8B5A0; --border: #D5D8D3; --surface: #FAF8F4; } /* ── ASCELYR ECOSYSTEM (upward path, cool-light) ────────────────────────────── Where: ascelyr.rifid.co, coaching / progress / direction tools. MUST NOT use: sage green, dark themes. */ [data-theme="ascelyr"] { --bg-primary: #F8FAF9; --bg-secondary: #EEF2F0; --bg-tertiary: #E6ECE9; --text-primary: #2E3A38; --text-secondary: #455350; --text-muted: #6C7A77; --accent-primary: #7FA99B; --accent-secondary: #AFCBC2; --border: #D3DBD8; --surface: #EEF2F0; } /* ── VORYNTH ECOSYSTEM (command chamber, dark-cool) ─────────────────────────── Where: vorynth.rifid.co, security / control / verification. MUST NOT use: warm tones, playful colors. Only layer permitted to use near-black backgrounds. */ [data-theme="vorynth"] { --bg-primary: #0F1412; --bg-secondary: #171E1B; --bg-tertiary: #1F2623; --text-primary: #F2F5F3; --text-secondary: #C9D1CD; --text-muted: #8E9893; --accent-primary: #4E6F68; --accent-secondary: #7FA3A0; --border: #2B3431; --surface: #1A221F; } /* ── BRAND-MARK EXCEPTION — Vorynth logo (NOT UI) ───────────────────────────── The logo is an exempt brand-mark palette. These are the TRUE SVG colors. The maroon is intentional and is exempt from Vorynth's "no warm tones" UI rule. Use these ONLY to render the Vorynth logo/wordmark — never for UI surfaces. Any color filter seen on a dark nav is a display workaround, not the truth. */ :root { --vorynth-logo-silver: #9FA6B2; --vorynth-logo-black: #0F1412; --vorynth-logo-maroon: #8B2E2E; } /* ── GLOBAL PROHIBITIONS (all layers) ───────────────────────────────────────── - No neon colors. - No pure black (#000000) anywhere except Vorynth backgrounds. - Pure white (#FFFFFF) only in Corporate. - Sage #9FA892 only in Rifid. - Elevation via 8–20% opacity overlays; no hard divider lines. */