/* Client brand: SEA Games & ASEAN Para Games Malaysia 2027 (MASOC). Everything that belongs to the client's corporate identity lives in this one file: the typeface and the raw palette. Components never read these tokens directly — `theme.css` maps them onto semantic tokens (`--primary`, `--crit`, `--warn` ...). Serving another client means a second file like this one and a different `data-client` value on ; no component rule changes. Loaded by both layouts: `base.html` and the standalone sign-in page, which deliberately does not load `theme.css`. */ /* ── Typeface: Gotham ───────────────────────────────────────────────────── Book, Medium and Bold carry body, UI and calls to action; Black is reserved for short high-impact headings, as the identity guide requires. Bold is declared for the whole 600–800 range on purpose. Existing rules ask for 600 and 800 in many places (labels, badges, counters); without the range the browser resolves 800 to Black, putting the display weight on small UI text. Only an explicit 900 reaches Black. `font-display:swap` keeps text readable on a slow connection at a venue: the fallback stack renders at once and Gotham replaces it when it arrives. */ @font-face{font-family:"Gotham";src:url("../fonts/gotham/Gotham-Book.fcb5d1cbe20b.woff2") format("woff2"); font-weight:100 400;font-style:normal;font-display:swap} @font-face{font-family:"Gotham";src:url("../fonts/gotham/Gotham-BookItalic.cae549d1445c.woff2") format("woff2"); font-weight:100 400;font-style:italic;font-display:swap} @font-face{font-family:"Gotham";src:url("../fonts/gotham/Gotham-Medium.3d9d8def98e5.woff2") format("woff2"); font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:"Gotham";src:url("../fonts/gotham/Gotham-Bold.9d98964ce3a5.woff2") format("woff2"); font-weight:600 800;font-style:normal;font-display:swap} @font-face{font-family:"Gotham";src:url("../fonts/gotham/Gotham-Black.607fc2eaa687.woff2") format("woff2"); font-weight:900;font-style:normal;font-display:swap} /* ── Palette ────────────────────────────────────────────────────────────── `--brand-*` values are the identity guide's own swatches, copied exactly. `--brand-*-text` and `--brand-night-*` are derived, and exist only where a swatch cannot meet WCAG AA in the role the interface needs: - brand red on white is 4.39:1, just under AA for normal text, so error text and filled danger buttons use a deeper red; the swatch stays for accents such as borders and the notification dot; - gold on white is 2.86:1, so gold text uses a deeper gold; - the dark theme needs surfaces and a lighter link blue, derived from the royal blue hue (221°) rather than an unrelated navy. */ :root[data-client="masoc"]{ --brand-red:#ec1e25; --brand-blue:#0037aa; /* "Malaysia blue": the only ground for the reverse logo */ --brand-yellow:#ffcd00; --brand-white:#ffffff; --brand-gold:#b49630; --brand-grey:#bcbec0; --brand-black:#000000; --brand-red-text:#c8161d; --brand-gold-text:#7a6420; --brand-blue-hover:#002b86; --brand-blue-tint:#e5ecf9; --brand-night-bg:#060d1f; --brand-night-surface:#0c1730; --brand-night-surface-2:#13213f; --brand-night-line:#22335a; --brand-night-blue:#86a8ff; /* links and active states on night surfaces */ --brand-night-blue-tint:#152a5c; --brand-font:"Gotham",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; /* The toolbar carries the reverse logo, so it is Malaysia blue in every theme; a dark toolbar would put the reverse logo on an unapproved colour. */ --brand-toolbar-bg:var(--brand-blue); --brand-toolbar-fg:var(--brand-white); }