/* gribit design tokens. Shared by public pages, the workspace and the component guide. */
:root {
  --font:'Segoe UI Variable Text','Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --ink:#1b1b19;
  --charcoal:#1b1b19;
  --muted:#536157;
  --canvas:#f4f5ef;
  --surface:#ffffff;
  --forest:#323e3c;
  --line:#e2e1d1;
  --control-line:#bbd1a5;
  --accent:#bce66b;
  --accent-hover:#afd958;
  --accent-text:#4a6508;
  --accent-soft:#eef3df;
  --secondary:#e9e9ea;
  --secondary-hover:#dedfe0;
  --success:#42603b;
  --success-soft:#e7efde;
  --warning:#80510e;
  --warning-soft:#fff0d6;
  --danger:#ad382d;
  --danger-soft:#fbeae7;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --control-height:44px;
  --button-height:40px;
  --icon-size:18px;
  --control-radius:6px;
  --card-radius:10px;
  --dialog-radius:12px;
  --card-padding:24px;
  --card-shadow:0 4px 18px #323e3c12,0 1px 4px #323e3c08;
  --focus-ring:3px solid var(--accent-text);
}