/* Gopher Balls · theme on the ui-design kit.
   Fairway paper, deep golf green, gopher brown, flag yellow. Bricolage Grotesque headlines, Instrument Sans text. */

:root:where([data-scheme=gopher]){
  color-scheme:light;
  --ui-bg:#f4f6ef;
  --ui-surface:#ffffff;
  --ui-surface-2:#fafcf6;
  --ui-chip:#eef3e7;
  --ui-ink:#10231a;
  --ui-ink-2:#3d5146;
  --ui-ink-3:#5a6c62;
  --ui-line:rgba(16,35,26,.10);
  --ui-line-2:rgba(16,35,26,.18);
  --ui-accent:#1f6b3a;
  --ui-on-accent:#ffffff;
  --ui-accent-line:rgba(31,107,58,.42);
  --ui-accent-wash:rgba(31,107,58,.08);
  --ui-ask-ink:#17532c;
  --ui-good:#1f6b3a;
  --ui-warn:#a86a12;
  --ui-bad:#b42318;
  --ui-tag-bg:rgba(31,107,58,.12);
  --ui-tag-ink:#17532c;
  --ui-pop-1:#1f6b3a;
  --ui-pop-2:#a8683a;
  --ui-pop-3:#e2b93b;
  --ui-scrim:rgba(16,35,26,.45);
  --ui-shadow-c:rgba(16,35,26,.10);
  --ui-hi:rgba(255,255,255,.7);
  --ui-glow:transparent;
  --gb-brown:#a8683a;
  --gb-flag:#e2b93b;
  --gb-sky:#e9f1e3;
}
:root:where([data-scheme=gopher][data-mode=dark]){
  color-scheme:dark;
  --ui-bg:#0c1611;
  --ui-surface:#122019;
  --ui-surface-2:#172820;
  --ui-chip:#1a2d23;
  --ui-ink:#e9f2ec;
  --ui-ink-2:#b2c3b8;
  --ui-ink-3:#93a69a;
  --ui-line:rgba(233,242,236,.09);
  --ui-line-2:rgba(233,242,236,.16);
  --ui-accent:#56c985;
  --ui-on-accent:#06240f;
  --ui-accent-line:rgba(86,201,133,.45);
  --ui-accent-wash:rgba(86,201,133,.09);
  --ui-ask-ink:#8be0ad;
  --ui-good:#56c985;
  --ui-tag-bg:rgba(86,201,133,.14);
  --ui-tag-ink:#9be7b9;
  --ui-shadow-c:rgba(0,0,0,.35);
  --gb-brown:#d29a6a;
  --gb-flag:#f0cf62;
  --gb-sky:#14261c;
}
:root{
  --ui-display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
  --ui-display-weight:800;
  --ui-display-track:-.025em;
  --ui-numeric:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
  --ui-label-case:none;
  --ui-label-track:.01em;
  --ui-btn-bg:var(--ui-accent);
  --ui-btn-ink:var(--ui-on-accent);
}