/* ============================================================================ CODED × BURGAN BANK — Copilot for Productivity workshop theme Instantiated from the CODED SPECIMEN system. Brand ramp re-themed crimson→ Burgan blue; canvas re-themed warm-near-black→cool navy-black to match the Burgan AI Champions portal (baicreports.netlify.app). Structure is unchanged. To retheme: change ONLY the --brand ramp + --gold. Never hard-code colours. Font import (put in of every page): ============================================================================ */ :root{ /* ---- Base & surfaces (cool navy-black — from the Burgan portal) ---- */ --base:#060A10; /* page background */ --base2:#05080D; /* deeper pocket */ --surf:#0B131C; /* raised surface */ --surf2:#101B26; /* secondary surface (card gradients end here) */ --card:#0A121A; /* card background on pages */ --card-2:#0F1922; /* card alt */ --raise:#142230; /* hover / lifted */ --panel:#0A1119; --deep:#062036; /* ---- Brand BLUE ramp (Burgan family — replaces the crimson ramp) ---- */ --maroon:#07456F; /* darkest blue — gradient base, button end */ --mid:#0A65A8; /* mid blue */ --crimson:#0E8CC5; /* PRIMARY brand blue (dots, primary buttons, accents) */ --rose:#45AEDE; /* lighter accent blue */ --rose-lt:#93D3F1; /* lightest — eyebrows, highlights, small accents */ /* ---- Gold (signature headline gradient warm end + special accents) ---- */ --gold:#F5951F; --gold-lt:#FFCF8F; /* ---- Secondary house accent (used very sparingly) ---- */ --blue:#0E8CC5; /* ---- Ink (text) ---- */ --ink:#F2F6FA; /* primary text */ --ink-dim:#A6B2BD; /* secondary text */ --ink-faint:#6B7883; /* tertiary / footnotes / mono captions */ /* ---- White-alpha scale (overlays, hairlines, muted text on dark) ---- */ --w:#fff; --w8:rgba(255,255,255,.82); --w7:rgba(255,255,255,.7); --w6:rgba(255,255,255,.58); --w5:rgba(255,255,255,.46); --w4:rgba(255,255,255,.34); --w3:rgba(255,255,255,.3); --w2:rgba(255,255,255,.16); --w1:rgba(255,255,255,.09); --w06:rgba(255,255,255,.06); /* ---- Hairlines ---- */ --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14); /* ---- Status colours (labs, quiz, answer keys) ---- */ --green:#3DC873; --green-lt:#8FE6AE; --green-bg:rgba(61,200,115,.12); --green-bd:rgba(61,200,115,.4); --amber:#E9C46A; --danger:#FF5A6E; --danger-bg:rgba(255,90,110,.1); --danger-bd:rgba(255,90,110,.34); /* ---- Accent trio for "three-of-a-kind" reference cards (cheat sheets) ---- */ --ac-rose:#45AEDE; --ac-cyan:#6FCFE4; --ac-amber:#F5951F; /* ---- Type ---- */ --f:'Manrope',system-ui,sans-serif; --mf:'Manrope',system-ui,sans-serif; --mono:'Manrope',system-ui,sans-serif; } /* ============================ BASE ============================ */ *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent} /* Standard page background = cool navy-black + blue/gold corner washes: blue top-right & top-left, gold bottom-left & bottom-right. */ body{ background: radial-gradient(1100px 640px at 85% -8%,rgba(14,140,197,.20),transparent 60%), radial-gradient(700px 500px at -4% -6%,rgba(14,140,197,.11),transparent 60%), radial-gradient(900px 600px at -6% 106%,rgba(245,149,31,.14),transparent 62%), radial-gradient(760px 520px at 104% 104%,rgba(245,149,31,.10),transparent 62%), var(--base); color:var(--ink); font-family:var(--f); -webkit-font-smoothing:antialiased; line-height:1.5; overflow-x:hidden; } a{color:inherit;text-decoration:none} /* ============================ SHARED MOTION ============================ */ @keyframes shimmer{to{background-position:200% 0}} @keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(14,140,197,.18),0 0 14px var(--crimson)}50%{box-shadow:0 0 0 6px rgba(14,140,197,0),0 0 20px var(--crimson)}}