/* Sentin design tokens: the one place colours, rules and type stacks are
   defined. Linked by the app, auth, onboarding, landing, blog and SEO pages;
   each page keeps only its own extras (e.g. --nav, --side) in its :root. */
:root{
  --paper:#F5F4F1;
  --card:#FBFAF7;
  --ink:#1A1A18;
  --ink2:#58584F;
  --ink3:#9A9A90;
  --red:#C8392B;
  --red-tint:#FBF0EE;
  --amb:#8C5A00;
  --amb-tint:#FBF3E6;
  --amb-text:#5C3600;
  --grn:#2D5A0E;
  --grn-tint:#EDF6E3;
  --live:#6DAA3C;
  --rule:rgba(26,26,24,.08);
  --rule2:rgba(26,26,24,.16);
  --hover:rgba(26,26,24,.04);
  --mono:'Space Mono',monospace;
  --sans:'Inter',-apple-system,sans-serif;
}
[data-theme="dark"]{
  --paper:#18181A;
  --card:#1F1F21;
  --ink:#EDEDEA;
  --ink2:#A8A89E;
  --ink3:#6A6A62;
  --red:#E04535;
  --red-tint:rgba(200,57,43,.15);
  --amb:#C07A10;
  --amb-tint:rgba(140,90,0,.15);
  --amb-text:#E0A040;
  --grn:#4A8A1A;
  --grn-tint:rgba(45,90,14,.15);
  --rule:rgba(237,237,234,.07);
  --rule2:rgba(237,237,234,.13);
  --hover:rgba(237,237,234,.05);
}