/* Varenchi design tokens (SPEC 2.2–2.4). Values come from the live site (site/index.html :root).
   Dark is the only theme at launch. Tokens only: no selectors other than :root here. */
:root{
  color-scheme:dark;
  --bg:#060606; --s1:#101012; --s2:#16161a; --s3:#1f1f24;
  --line:#24242a; --line-strong:#6b6b74;
  --text:#f5f3ee; --text-2:#c9c6bb; --text-3:#9d998f;
  --y:#ffd400; --y-hi:#ffe14d; --ink:#0d0d0d; --y-soft:rgba(255,212,0,.12); --y-ring:rgba(255,212,0,.35);
  --ember:#ff6b2c; --ember-soft:rgba(255,107,44,.14); --ember-line:rgba(255,107,44,.55);
  --volt:#3d7bff;  --volt-soft:rgba(61,123,255,.14); --volt-deep:#2554d4; /* deep: white text on it is 6.4:1 */
  --ok:#3ccf7a;    --ok-soft:rgba(60,207,122,.13);
  --bad:#ff5a4e;   --bad-soft:rgba(255,90,78,.12);
  --note:#c58bff;  --wa:#25d366;
  --glow:linear-gradient(100deg,#ffd400 0%,#ff6b2c 48%,#3d7bff 100%);
  --scrim:rgba(0,0,0,.6); --top-bg:rgba(6,6,6,.78);
  --r-pill:999px; --r-lg:20px; --r:14px; --r-sm:11px; --r-xs:8px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
  /* text sizes in rem, so the phone's own text-size setting scales them (A085); 1rem = 16px by default */
  --fs-xs:.875rem; --fs-sm:.9375rem; --fs:1.0625rem; --fs-lg:1.25rem; --fs-xl:1.5rem; --fs-2xl:1.875rem; --fs-num:1.75rem;
  --font:"Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --t-fast:120ms; --t:200ms; --t-slow:320ms;
  --tap:48px; --nav-h:72px; --fab:72px; --maxw:760px; --gutter:16px; --top-h:60px;
  --shadow-y:0 10px 30px rgba(255,212,0,.16);
  --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-contrast: more){ :root{ --line-strong:#9a9aa3; --text-3:var(--text-2); } }
/* iPhone: base.css sets html{font:-apple-system-body}, which follows Settings → Display → Text Size (17px at the
   default size). The same sizes as elsewhere at the default, larger when the owner picked larger text. */
@supports (font:-apple-system-body) and (-webkit-touch-callout:none){
  :root{ --fs-xs:calc(1rem*14/17); --fs-sm:calc(1rem*15/17); --fs:1rem; --fs-lg:calc(1rem*20/17); --fs-xl:calc(1rem*24/17);
    --fs-2xl:calc(1rem*30/17); --fs-num:calc(1rem*28/17); }
}