/* GENERATED from lib/brand/theme.css — edit THERE, then run: node goodcatch-portal/build-brand.mjs */ /* theme.css — shared light/dark design tokens for KSG portals. Reusable across portals: link this first, then the portal's own stylesheet. Toggle the theme by setting data-theme="light|dark" on . */ :root { --paper:#EEF1F4; --surface:#FBFCFD; --ink:#1C2530; --muted:#5A6675; --faint:#8A93A0; --line:#D4DAE0; --grid:#E4E8ED; --core:#C77F22; --core-soft:#FBEFDC; --cm:#3E6E8E; --cm-soft:#E4EDF3; --super:#3F8F7A; --super-soft:#E2F0EC; --fore:#C77F22; --fore-soft:#FBEFDC; --op:#5E6B78; --op-soft:#E9ECEF; --ok:#2E8B57; --warn:#C77F22; --danger:#B23B3B; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --sans:-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --shadow:0 1px 2px rgba(20,30,45,.06),0 2px 8px rgba(20,30,45,.05); } [data-theme="dark"] { --paper:#16181c; --surface:#1F232A; --ink:#E7ECF1; --muted:#9AA4B1; --faint:#6B7682; --line:#2C313A; --grid:#23272f; --core:#E0A23E; --core-soft:#3a2f1c; --cm:#5C97BC; --cm-soft:#1d2c36; --super:#5BB39C; --super-soft:#16302a; --fore:#E0A23E; --fore-soft:#3a2f1c; --op:#8A97A4; --op-soft:#262b32; --ok:#4CB07A; --warn:#E0A23E; --danger:#D86B6B; --shadow:0 1px 2px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.25); } /* ---- Shared button hierarchy convention (visual weight = importance). Reuse across KSG portals. ---- .btn-primary = a PRIMARY/core action: big, family amber, prominent (e.g. Bench, New Job). .btn-admin = an ADMINISTRATIVE/secondary action: small, muted, low-emphasis (e.g. People, Closed jobs). */ .btn-primary { border:1px solid var(--core); background:var(--core); color:#fff; border-radius:9px; padding:9px 18px; font-weight:700; font-size:14px; line-height:1.1; cursor:pointer; font-family:var(--sans); } [data-theme="dark"] .btn-primary { color:#16181c; } .btn-primary:hover { filter:brightness(1.06); } .btn-admin { border:1px solid var(--line); background:transparent; color:var(--muted); border-radius:7px; padding:5px 10px; font-size:12px; font-weight:600; cursor:pointer; font-family:var(--sans); } .btn-admin:hover { border-color:var(--core); color:var(--ink); } .btn-primary:disabled, .btn-admin:disabled { opacity:.55; cursor:not-allowed; }