/* Design tokens: the GritWrx glass + clay palette. Every color and radius used by the app comes from here. */
:root{
  --clay:#c8502a;
  --clay-deep:#a23d1c;
  --clay-soft:rgba(200,80,42,.12);
  --ink:#1b1714;
  --ink-2:#4a423b;
  --muted:#8a7f75;
  --cream:#f5efe7;
  --green:#2f8a5c;
  --green-soft:rgba(47,138,92,.13);
  --amber:#b7801f;
  --amber-soft:rgba(217,162,59,.16);
  --red:#b83a2b;
  --red-soft:rgba(184,58,43,.12);
  --blue:#3d6aa8;
  --blue-soft:rgba(61,106,168,.12);
  --glass:rgba(255,255,255,.52);
  --glass-strong:rgba(255,255,255,.74);
  --glass-border:rgba(255,255,255,.75);
  --field:rgba(255,255,255,.75);
  --hairline:rgba(27,23,20,.08);
  --shadow:0 10px 40px -12px rgba(80,40,20,.22), 0 2px 6px rgba(80,40,20,.06);
  /* Radius scale. Single-line controls are pills (like the rail); multi-line content gets rounded rectangles that grow
     with the surface; icon tiles scale with their size; nested elements use outer radius minus padding. */
  --r-xs:8px;      /* tags, tooltips, items nested in 16px menus */
  --r-sm:12px;     /* rows nested in 22px containers (10px padding) */
  --r-md:16px;     /* small cards, form fields, inline boxes */
  --r-lg:22px;     /* cards and panels */
  --r-xl:28px;     /* main surface, modals */
  --r-pill:999px;  /* buttons, chips, badges, search, tabs, toolbar filters */
  --r-tile:30%;    /* icon tiles and avatars: same shape at any size */
  --radius:var(--r-lg);
  --radius-sm:var(--r-sm);
  --serif:"Instrument Serif", Georgia, serif;
  --sans:"Manrope", system-ui, -apple-system, Segoe UI, sans-serif;
  --mono:ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme:light;
}