/* 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-scale is the app's own "A+" (Me → text size, ui/text-size.js): <html data-text="large|xlarge">, below. */
  --fs-scale:1;
  --fs-xs:calc(.875rem*var(--fs-scale)); --fs-sm:calc(.9375rem*var(--fs-scale)); --fs:calc(1.0625rem*var(--fs-scale));
  --fs-lg:calc(1.25rem*var(--fs-scale)); --fs-xl:calc(1.5rem*var(--fs-scale)); --fs-2xl:calc(1.875rem*var(--fs-scale));
  --fs-num:calc(1.75rem*var(--fs-scale));
  --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*var(--fs-scale)); --fs-sm:calc(1rem*15/17*var(--fs-scale)); --fs:calc(1rem*var(--fs-scale));
    --fs-lg:calc(1rem*20/17*var(--fs-scale)); --fs-xl:calc(1rem*24/17*var(--fs-scale)); --fs-2xl:calc(1rem*30/17*var(--fs-scale));
    --fs-num:calc(1rem*28/17*var(--fs-scale)); }
}
/* "A+": the same scale on every phone, on top of the phone's own text size */
:root[data-text="large"]{ --fs-scale:1.15; }
:root[data-text="xlarge"]{ --fs-scale:1.3; }