:root{
  --als-green-950:#0a351d;
  --als-green-900:#0f4626;
  --als-green-800:#14572f;
  --als-green-700:#196a39;
  --als-green-600:#237d45;
  --als-green-100:#e8f3eb;
  --als-green-50:#f4f8f5;
  --als-gold-500:#d4aa3b;
  --als-gold-100:#fff2cf;
  --als-red-500:#bd3f35;
  --als-red-100:#fdecea;
  --als-blue-500:#2f6fb0;
  --als-blue-100:#eaf2fb;
  --als-text-900:#173423;
  --als-text-700:#40564a;
  --als-text-500:#6f7e75;
  --als-border:#dbe6de;
  --als-surface:#ffffff;
  --als-surface-soft:#f5f8f6;
  --als-page:#eef5f0;
  --als-shadow-sm:0 6px 18px rgba(18,62,34,.06);
  --als-shadow-md:0 12px 34px rgba(18,62,34,.09);
  --als-shadow-lg:0 22px 58px rgba(18,62,34,.14);
  --als-radius-sm:9px;
  --als-radius-md:14px;
  --als-radius-lg:20px;
  --als-radius-xl:26px;
  --als-sidebar-width:290px;
  --als-topbar-height:84px;
  --als-transition:180ms ease;
}
html{scroll-behavior:smooth}
body{background:var(--als-page);color:var(--als-text-900)}
*:focus-visible{outline:3px solid rgba(212,170,59,.45);outline-offset:2px}
::selection{background:rgba(212,170,59,.28)}