/* The Flashsuite kit: the values every app shares. Font, text sizes, greys, status colours, corners.
   This file is the source. Flashkut, Flashroom and Flashadz each keep a verbatim copy, written by
   scripts/sync-kit.mjs; change it here, then run the script. Each app points its own names at these
   and keeps its own colour, layout and wording. Greys and status colours come in a light and a dark
   set because every app switches modes its own way. */
:root{
  --suite-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Text sizes, computer first. Nothing an app shows to read is smaller than --suite-tiny;
     --suite-tab is for phone tab bar labels only. */
  --suite-title:28px;--suite-heading:24px;--suite-lead:18px;--suite-row:16px;
  --suite-text:14px;--suite-small:13px;--suite-tiny:12px;--suite-tab:11px;
  /* Touch screens read at arm's length: bigger body text, smaller titles. Phones switch to these on
     their own (below); an app's touch layout for tablets can point at them too. */
  --suite-touch-title:26px;--suite-touch-heading:21px;--suite-touch-lead:17px;--suite-touch-text:15px;

  --suite-r-sm:8px;--suite-r-md:12px;--suite-r-lg:16px;--suite-r-xl:24px;--suite-r-round:999px;

  /* Light. Ink 2 is for secondary and small text; ink 3 is the faintest text that still reads. */
  --suite-light-ground:#FAFAFA;--suite-light-surface:#FFFFFF;--suite-light-raised:#F4F4F8;
  --suite-light-line:rgba(26,26,46,.12);--suite-light-line-strong:rgba(26,26,46,.20);
  --suite-light-ink:#1A1A2E;--suite-light-ink-2:#4A4A5A;--suite-light-ink-3:#6E6E84;
  --suite-light-good:#2F8A68;--suite-light-good-bg:#E6F3ED;
  --suite-light-warn:#A86A12;--suite-light-warn-bg:#FBF1E1;
  --suite-light-bad:#C2414F;--suite-light-bad-bg:#FBE9EB;
  --suite-light-plan:#6D4FD8;--suite-light-plan-bg:#EFEBFC;
  --suite-light-info:#2F6D8F;--suite-light-info-bg:#E6EFF4;

  /* Dark */
  --suite-dark-ground:#14131F;--suite-dark-surface:#1E1C2B;--suite-dark-raised:#252336;
  --suite-dark-line:rgba(241,239,246,.10);--suite-dark-line-strong:rgba(241,239,246,.18);
  --suite-dark-ink:#F1EFF6;--suite-dark-ink-2:#A9A7B1;--suite-dark-ink-3:#8C8A9E;
  --suite-dark-good:#81B29A;--suite-dark-good-bg:#1A2D25;
  --suite-dark-warn:#F2CC8F;--suite-dark-warn-bg:#332A1A;
  --suite-dark-bad:#F08A7E;--suite-dark-bad-bg:#3A1F22;
  --suite-dark-plan:#A78BFA;--suite-dark-plan-bg:#26203F;
  --suite-dark-info:#7FB0CC;--suite-dark-info-bg:#1B2A33;
}
@media (max-width:700px){:root{
  --suite-title:var(--suite-touch-title);--suite-heading:var(--suite-touch-heading);
  --suite-lead:var(--suite-touch-lead);--suite-text:var(--suite-touch-text);
}}