/* Quixo Group design tokens — v1.1 · September 2026 * Generated from _build-scripts/brands.py. Do not hand-edit. * Change brands.py and re-run the builders. * * v1.1 change: Quixo Marketing accent is lavender. Lime is removed from the system. * * Neutrals and type are identical for every company. A brand is selected with * data-brand on any ancestor: * Default (no attribute) is Quixo Marketing. */ :root{ --q-black: #000000; --q-white: #FFFFFF; --q-ink-deep: #2F2F2F; --q-ink-mid: #5A5A5A; --q-ink-mute: #898989; --q-hairline: #DDDDDD; --q-tile: #F4F4F4; --q-tile-dark: #141414; --q-error: #B00020; --q-font-display: 'Inter Tight', Helvetica, Arial, sans-serif; --q-font-body: 'Inter Tight', Helvetica, Arial, sans-serif; --q-font-pivot: 'Instrument Serif', Georgia, serif; --q-font-mono: ui-monospace, Menlo, Consolas, monospace; --q-step--1: clamp(0.8125rem, 0.79rem + 0.11vw, 0.875rem); --q-step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem); --q-step-2: clamp(1.375rem, 1.24rem + 0.68vw, 1.875rem); --q-step-4: clamp(2.25rem, 1.85rem + 2vw, 3.75rem); --q-step-5: clamp(2.75rem, 2.07rem + 3.4vw, 5.25rem); --q-step-6: clamp(3rem, 1.5rem + 7.5vw, 8.5rem); --q-tracking-display: -0.03em; --q-leading-display: 1.04; --q-radius-tile: 8px; --q-radius-mark: 20%; --q-radius-pill: 100px; --q-rule: 1px solid var(--q-hairline); /* accent — overridden per brand below. Default is Quixo Marketing. */ --q-hue: #C7B8EA; --q-hue-deep: #9C83D8; --q-hue-wash: #ECE7F8; } [data-brand="quixo-hub"]{ --q-hue: #A78BFA; --q-hue-deep: #8B5CF6; --q-hue-wash: #EDE7FE; } [data-brand="quixo-ai"]{ --q-hue: #22D3EE; --q-hue-deep: #06B6D4; --q-hue-wash: #CFF7FD; } [data-brand="quixo-marketing"]{ --q-hue: #C7B8EA; --q-hue-deep: #9C83D8; --q-hue-wash: #ECE7F8; } [data-brand="edubaimart"]{ --q-hue: #5B8CFF; --q-hue-deep: #3B6FE8; --q-hue-wash: #E2EAFF; } [data-brand="edubaimart-b2b"]{ --q-hue: #FFB020; --q-hue-deep: #F59E0B; --q-hue-wash: #FFEFD1; } /* The 70 / 25 / 5 split is a rule, not a token: white ground, black type, hue only on CTAs, active state, selection, the mark on dark, and one number. Quixo Marketing uses the shared neutrals (lavender + black + white only). */ ::selection{background:var(--q-hue);color:var(--q-black)}