/* Touchstone tokens for the landing page.
   Values copied verbatim from the app: human/Coding/touchstone/static/style.css
   `:root` (the light world only — the landing page has no theme switch).
   That file is the source of truth; if a token changes there, change it here. */

:root{
  /* surfaces */
  --page:#e5e5e2;        /* the desk */
  --page-2:#dcdcd8;      /* the desk, deeper */
  --paper:#fbfbf9;       /* the sheet */
  --soft:#ededea;
  --rule:#d1d1cd;
  --rule-strong:#a9aaa6;

  /* ink */
  --ink:#17181a;
  --muted:#505255;
  --faint:#5e6062;

  /* graphite panel */
  --stone:#1a1b1d;
  --on-stone:#f0f0ed;
  --on-stone-muted:#a6a7a4;
  --topbar:#1a1b1d;
  --topbar-fg:#f0f0ed;
  --topbar-muted:#a6a7a4;
  --topbar-line:#3a3b3d;
  --rule-on:rgba(240,240,237,.16);   /* a rule on the graphite panel */

  /* one accent */
  --gold:#c9a227;
  --gold-hover:#b08a1c;
  --gold-ink:#17181a;
  --brass:#6f5414;
  --accent-on:#e3c476;
  --sel:rgba(201,162,39,.24);

  /* verdict colours — the app's own label colours. They are used only where the product
     itself speaks (the example panel's badges, dots and marks); the page's own chrome
     stays paper, ink and gold. */
  --ok:#3c6b4e;
  --warn:#8a6100;
  --fail:#a63a26;
  --info:#5b5d5f;
  --grey:#636568;
  --brown:#6d5741;
  --blue:#33607f;
  --violet:#6c5891;
  --ok-on:#8fb39b;
  --warn-on:#d9a44b;
  --fail-on:#e09a86;
  --brown-on:#d5c1a4;
  --blue-on:#9dc0d8;
  --violet-on:#c3b6de;
  --ok-bg:#e6efe8;
  --warn-bg:#f4ecd7;
  --fail-bg:#f6e4df;
  --grey-bg:#ededeb;
  --brown-bg:#f1e9dd;
  --blue-bg:#e3ecf2;
  --violet-bg:#ece6f2;

  /* type */
  --sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;

  /* rhythm */
  --wrap:1160px;
  --bar:64px;
  --ease:cubic-bezier(.22,1,.36,1);   /* motion-foundations `smooth` */
  --slow:520ms;
  --shadow:0 1px 2px rgba(23,24,26,.07), 0 18px 40px -26px rgba(23,24,26,.45);
}
