/* ============================================================ AURELE KIT · Design tokens Aureate (day) ⇄ Nocturne (night), whitelabel via the --brand ramp. ------------------------------------------------------------ • Structure tokens (bg / ink / line / shadow / chart axes…) rarely change between brands. • Brand tokens (--brand*) are the only thing an app overrides to rebrand. Apply a preset with . • Day = default :root. Night = body.night (add/remove the class). ------------------------------------------------------------ Fonts are NOT imported here — load Fraunces + Inter once in the host app (index.html or the @import in your global css). ============================================================ */ :root{ /* ---- typography ---- */ --font-display:'Fraunces',Georgia,serif; --font-body:'Inter',system-ui,-apple-system,sans-serif; --display-weight:600; /* ---- radii & elevation ---- */ --r-sm:11px; --r:16px; --r-lg:20px; --r-xl:22px; --r-pill:999px; --shadow:0 26px 64px -46px rgba(80,60,20,.55); /* ---- structure · day (Aureate) ---- */ --bg:#faf6ee; --paper:#fffdf8; --ink:#1f1b12; --ink2:#4a4538; --muted:#6f6857; --line:#e9e1cf; --track:#efe7d3; --band:#0e0d12; --band-ink:#f1ece0; /* ---- chart structure ---- */ --grid:#ece3d0; --spoke:#e3d9c4; --axis:#3d382c; --cmp:#8a857a; --const-bg:#0c0b10; /* constellation backdrop (always dark) */ /* ---- BRAND accent · Aurele reference (gold) ---- */ --brand:#a9852f; /* main accent */ --brand-soft:#c79a3a; /* lighter, gradient top */ --brand-deep:#7d5e1c; /* darker, text on light */ --brand-muted:#8a6a1f; /* eyebrows / kickers (bronze) */ --brand-on:#1a1407; /* ink to print ON a brand fill */ --brand-fill:rgba(169,133,47,.18); /* translucent area fill */ --brand-glow:#fff4d6; /* halo center (constellation) */ } body.night{ --shadow:0 26px 64px -40px rgba(0,0,0,.7); --bg:#0c0b10; --paper:#13121a; --ink:#f1ece0; --ink2:#cfc8ba; --muted:#9a948a; --line:#262533; --track:#262533; --band:#070608; --band-ink:#f1ece0; --grid:#23222e; --spoke:#262533; --axis:#cfc8ba; --cmp:#6a6560; /* accent brightens at night */ --brand:#e0b341; --brand-soft:#f0d693; --brand-deep:#f0d693; --brand-muted:#e0b341; --brand-on:#1a1407; --brand-fill:rgba(224,179,65,.16); --brand-glow:#fff4d6; } /* ============================================================ BRAND PRESETS — each overrides only the accent ramp. To add an app: copy a block, recolor the 7 --brand* tokens (day) + the night block. Optionally tint --bg / --band. ============================================================ */ /* ---- Virgile · editorial indigo ---- */ [data-brand="virgile"]{ --brand:#5560e6; --brand-soft:#7c86f5; --brand-deep:#3a43b0; --brand-muted:#4a52a8; --brand-on:#ffffff; --brand-fill:rgba(85,96,230,.14); --brand-glow:#e7ebff; --bg:#f7f7fb; --band:#10101c; } body.night[data-brand="virgile"],[data-brand="virgile"] body.night{ --brand:#8b94ff; --brand-soft:#aeb4ff; --brand-deep:#aeb4ff; --brand-muted:#8b94ff; --brand-on:#0c0c18; --brand-fill:rgba(139,148,255,.16); --brand-glow:#e7ebff; } /* ---- WeCompta · finance green ---- */ [data-brand="wecompta"]{ --brand:#1f8a5b; --brand-soft:#34a66f; --brand-deep:#155f3f; --brand-muted:#2a6e4c; --brand-on:#ffffff; --brand-fill:rgba(31,138,91,.14); --brand-glow:#dff6ea; --bg:#f5f8f5; --band:#0c1611; } body.night[data-brand="wecompta"],[data-brand="wecompta"] body.night{ --brand:#3fce8c; --brand-soft:#74e1ad; --brand-deep:#74e1ad; --brand-muted:#3fce8c; --brand-on:#06150d; --brand-fill:rgba(63,206,140,.16); --brand-glow:#dff6ea; } /* ---- Nexgen / EMS · energy teal ---- */ [data-brand="nexgen"]{ --brand:#0e7c86; --brand-soft:#14a0ac; --brand-deep:#0a5b63; --brand-muted:#2a6970; --brand-on:#ffffff; --brand-fill:rgba(14,124,134,.14); --brand-glow:#d9f4f6; --bg:#f4f8f8; --band:#08161a; } body.night[data-brand="nexgen"],[data-brand="nexgen"] body.night{ --brand:#37c6d2; --brand-soft:#74e0e9; --brand-deep:#74e0e9; --brand-muted:#37c6d2; --brand-on:#04161a; --brand-fill:rgba(55,198,210,.16); --brand-glow:#d9f4f6; }