:root{
  --radius-xs:2px;   /* buttons, tags, inputs */
  --radius-sm:3px;   /* small cards, icon tiles */
  --radius-md:4px;   /* cards, tab bars, hero stat card */
  --radius-pill:50%;
  --shadow-card:0 2px 24px rgba(26,25,22,.06);
  --shadow-modal:0 30px 80px rgba(0,0,0,.35);
  --ring-focus:0 0 0 3px var(--greenbg);/* @kind other */
  --accent-bar:linear-gradient(90deg,var(--green),var(--green2),transparent);/* @kind other */
  --ease-out:cubic-bezier(.22,1,.36,1);/* @kind other */
  --dur-fast:.18s;/* @kind other */--dur:.2s;/* @kind other */--dur-theme:.28s;/* @kind other */--dur-reveal:.6s;/* @kind other */--dur-hero:.7s;/* @kind other */
  --blur-nav:blur(12px);/* @kind other */--blur-overlay:blur(6px);/* @kind other */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");/* @kind other */
  --grain-opacity:.022;/* @kind other */
  --grid-64:linear-gradient(var(--on-dark-25) 1px,transparent 1px),linear-gradient(90deg,var(--on-dark-25) 1px,transparent 1px);/* @kind other */
}