@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/Inter-Regular.ttf") format("truetype")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/Inter-Medium.ttf") format("truetype")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/Inter-SemiBold.ttf") format("truetype")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/Inter-Bold.ttf") format("truetype")}

:root{
  /* brand */
  --primary:#1F6B34;
  --primary-hover:#185A2B;
  --brand:#5CBB51;
  --tint:#EEF7EC;
  /* neutrals */
  --ink:#1B2420;
  --muted:#5B6660;
  --line:#DDE3DF;
  --line-strong:#C5CEC9;
  --canvas:#F5F7F5;
  --surface:#FFFFFF;
  --hover:#F1F4F2;
  /* status */
  --warn:#9A5B00;   --warn-bg:#FFF4DF;
  --danger:#B3261E; --danger-bg:#FDECEA;
  --info:#0B5CAD;   --info-bg:#E8F1FB;
  /* type */
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* layout */
  --topbar-h:56px;
  --bar-h:56px;
  --panel-w:clamp(440px,38vw,600px);
  --radius:6px;
  --radius-sm:4px;
  --gutter:24px;
}
@media (max-width:700px){:root{--gutter:16px}}