/* generated by tokens.py - do not edit by hand */
:root{
  --paper:#FBF8F2;
  --paper-2:#FFFFFF;
  --paper-3:#F2EBDF;
  --teal:#0C3835;
  --teal-2:#114240;
  --teal-3:#164E4A;
  --on-paper:#16201F;
  --on-paper-m:#55635F;
  --on-teal:#F1F6F4;
  --on-teal-m:#ABC6C0;
  --line-p:#E2DACA;
  --line-p2:#CBBFA7;
  --line-t:#1D544F;
  --line-t2:#2B6861;
  --brand-p:#0A5B54;
  --brand-t:#82DCCA;
  --brand-f:#0D5A54;
  --wash-p:#DCEDE8;
  --wash-t:#0A2B29;
  --over-p:#A33322;
  --over-t:#FF9C8C;
  --overw-p:#FBE8E4;
  --overw-t:#331815;
  --ok-p:#1F6B3C;
  --ok-t:#8BD3A4;
  --okw-p:#E3F1E8;
  --okw-t:#11291B;

  /* type: a high-contrast serif for display against a grotesque for body.
     Both are system stacks, so nothing is fetched from another domain. */
  --font-d:ui-serif,Georgia,'Iowan Old Style','Palatino Linotype',
           'Times New Roman',serif;
  --font-ui:'Inter var','Inter',ui-sans-serif,system-ui,-apple-system,
           'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-num:ui-monospace,'SFMono-Regular','SF Mono','Cascadia Mono',
           'Roboto Mono',Menlo,Consolas,monospace;

  --wide:1220px; --mid:980px; --text:66ch;
  --gut:clamp(16px,4vw,32px);
  --r:14px;          /* this build rounds hard: pills and soft cards */
  --r-sm:8px;
  --pill:999px;

  /* the motion budget, UI_STANDARD section 12.3 */
  --t-in:380ms; --t-child:280ms; --t-hover:150ms; --t-count:680ms;
  --stagger:50ms; --rise:16px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --shadow:0 1px 2px rgba(12,56,53,.06),0 10px 26px -12px rgba(12,56,53,.18);
  --shadow-t:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);

  /* default ground: PAPER */
  --ground:#FBF8F2;
  --card:#FFFFFF;
  --card-2:#F2EBDF;
  --fg:#16201F;
  --fg-m:#55635F;
  --rule:#E2DACA;
  --rule-2:#CBBFA7;
  --brand:#0A5B54;
  --brand-f:#0D5A54;
  --wash:#DCEDE8;
  --over:#A33322;
  --over-w:#FBE8E4;
  --ok:#1F6B3C;
  --ok-w:#E3F1E8;
  --shadow-now:var(--shadow);
}

/* Inverted ground. Redeclaring the same names is the whole trick.
   Every component below keeps using --fg, --rule, --card and does
   not know it has been moved onto teal. */
.sec--ink{
  --ground:#0C3835;
  --card:#114240;
  --card-2:#164E4A;
  --fg:#F1F6F4;
  --fg-m:#ABC6C0;
  --rule:#1D544F;
  --rule-2:#2B6861;
  --brand:#82DCCA;
  --brand-f:#0D5A54;
  --wash:#0A2B29;
  --over:#FF9C8C;
  --over-w:#331815;
  --ok:#8BD3A4;
  --ok-w:#11291B;
  --shadow-now:var(--shadow-t);
  background:var(--ground);color:var(--fg);
}

/* An always-paper island: a measurement panel redeclares the ground
   tokens back to paper from the raw palette, so a measurement looks
   identical wherever it is dropped. */
.isl{
  --ground:#FBF8F2;
  --card:#FFFFFF;
  --card-2:#F2EBDF;
  --fg:#16201F;
  --fg-m:#55635F;
  --rule:#E2DACA;
  --rule-2:#CBBFA7;
  --brand:#0A5B54;
  --brand-f:#0D5A54;
  --wash:#DCEDE8;
  --over:#A33322;
  --over-w:#FBE8E4;
  --ok:#1F6B3C;
  --ok-w:#E3F1E8;
  --shadow-now:var(--shadow);
  background:var(--card);color:var(--fg);
}