/* Hampshire platform semantic foundations: shared by every account and admin screen. */
:root {
  color-scheme:dark;
  --bg:#0c1010;
  --side:#0c1010;
  --panel:#171d1d;
  --raised:#202424;
  --hover:#282e2c;
  --line:#2b3030;
  --control-border:#67736d;
  --text:#eef1ed;
  --muted:#a0aaa6;
  --faint:#737f79;
  --accent:#ffb62e;
  --accent-ink:#251a06;
  --green:#a7d9b9;
  --purple:#c1b9f2;
  --amber:#e5c58e;
  --shadow:0 20px 70px #0006
}

html[data-theme="light"] {
  color-scheme:light;
  --bg:#f5f5f1;
  --side:#eeefea;
  --panel:#fff;
  --raised:#e8ebe4;
  --hover:#dfe5d9;
  --line:#dce0d6;
  --control-border:#7c887d;
  --text:#232b24;
  --muted:#5d6a60;
  --faint:#677365;
  --accent:#ffba3b;
  --accent-ink:#281c08;
  --green:#356447;
  --purple:#63538d;
  --amber:#876528;
  --shadow:0 20px 70px #17241b20
}

:root { --font-family-primary:Manrope,system-ui,sans-serif; --body-bg:var(--bg); --body-fg:var(--text); --body-quiet-color:var(--muted); --body-loud-color:var(--text); --hairline-color:var(--line); --border-color:var(--line); --darkened-bg:var(--panel); --selected-bg:var(--raised); --selected-row:var(--raised); --link-fg:var(--amber); --link-hover-color:var(--text); --primary:var(--accent); --primary-fg:var(--accent-ink); --secondary:var(--raised); --header-bg:var(--side); --header-color:var(--text); --header-link-color:var(--text); --breadcrumbs-bg:var(--bg); --breadcrumbs-fg:var(--muted); --breadcrumbs-link-fg:var(--text); --button-bg:var(--accent); --button-hover-bg:var(--amber); --default-button-bg:var(--accent); --default-button-hover-bg:var(--amber); --close-button-bg:var(--raised); --delete-button-bg:#a63242; --error-fg:#f7a5ac; --object-tools-bg:var(--raised); --object-tools-hover-bg:var(--hover); --hm-surface:var(--panel); --hm-border:var(--line); --hm-quiet:var(--muted); --hm-accent:var(--accent); --package-accent:var(--accent); --package-ink:var(--accent-ink); --focus:#ffd081; }
html[data-theme="light"] { --error-fg:#a12035; --focus:#875b00; }
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}