/* hw-tools pack. Generated from packs.json by tokens/generate.mjs. Do not edit by hand. */
/* The workshop front door. Neutral, quiet, dark studio; a mint accent and a teal-to-amber wordmark tile. The tools' own colours do the talking on the grid. */
:root {
  --brand-50: #e6fbf4;
  --brand-50-rgb: 230 251 244;
  --brand-100: #c6f5e6;
  --brand-100-rgb: 198 245 230;
  --brand-200: #8fead0;
  --brand-200-rgb: 143 234 208;
  --brand-300: #54dcb6;
  --brand-300-rgb: 84 220 182;
  --brand-400: #3bddb4;
  --brand-400-rgb: 59 221 180;
  --brand-500: #16b894;
  --brand-500-rgb: 22 184 148;
  --brand-600: #0f9678;
  --brand-600-rgb: 15 150 120;
  --brand-700: #0f7460;
  --brand-700-rgb: 15 116 96;
  --brand-800: #105449;
  --brand-800-rgb: 16 84 73;
  --brand-900: #0e463b;
  --brand-900-rgb: 14 70 59;
  --brand-950: #04241d;
  --brand-950-rgb: 4 36 29;
  --accent: #3BDDB4;
  --accent-rgb: 59 221 180;
  --color-bg: #0D1117;
  --color-bg-rgb: 13 17 23;
  --color-surface: #151B23;
  --color-surface-rgb: 21 27 35;
  --color-text: #E7ECF2;
  --color-text-rgb: 231 236 242;
  --color-muted: #8A95A4;
  --color-muted-rgb: 138 149 164;
  --font-sans: Inter, -apple-system, system-ui, sans-serif;
  --font-display: Inter, -apple-system, system-ui, sans-serif;
}
/* light theme: applied by the shell's theme toggle (data-theme="light"). */
:root[data-theme="light"] {
  --color-bg: #F4F6F9;
  --color-bg-rgb: 244 246 249;
  --color-surface: #FFFFFF;
  --color-surface-rgb: 255 255 255;
  --color-text: #141821;
  --color-text-rgb: 20 24 33;
  --color-muted: #5A6472;
  --color-muted-rgb: 90 100 114;
}