/* LetsGame — palette + design tokens (variables.css)
 * Loaded BEFORE styles.css on every page.
 *
 * Font fallback strategy: metric-matched @font-face declarations let the
 * browser render with system-ui/SF Mono/etc. while DM Sans / JetBrains Mono
 * are still loading. Because ascent/descent/line-gap/size-adjust match the
 * webfonts exactly, the post-load swap does NOT cause a body reflow and
 * drops the cumulative-layout-shift contribution to zero.
 */
@font-face {
  font-family: "DM Sans Fallback";
  src: local("Arial"), local("Helvetica"), local("Segoe UI"), local("Roboto"), local("Liberation Sans"), local("DejaVu Sans"), local("system-ui");
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
  size-adjust: 95%;
}
@font-face {
  font-family: "JetBrains Mono Fallback";
  src: local("Menlo"), local("Consolas"), local("SFMono-Regular"), local("Liberation Mono"), local("DejaVu Sans Mono"), local("Noto Sans Mono"), local("monospace");
  ascent-override: 85%;
  descent-override: 25%;
  line-gap-override: 0%;
  size-adjust: 100%;
}
:root {
  --primary: #2C7A36;
  --primary-strong: #1F5A27;
  --primary-soft: #4F9A57;
  --accent: #8C4700;
  --accent-soft: #964500;
  --accent-bright: #FFC089;
  --background: #F6FBF3;
  --surface: #FFFFFF;
  --surface-2: #E6F2DF;
  --surface-3: #F0F8EB;
  --ink: #1F3020;
  --ink-2: #344A36;
  --muted: #4F6350;
  --muted-2: #5C705D;
  --border: #CBE0C4;
  --border-strong: #A6C49C;
}