/* GENERATED from tokens/tokens.json by build.mjs - do not edit by hand. */
:root{
  --ink:#161616;
  --ink-2:#4a4a4a;
  --ink-body:#5c5c5c;
  --ink-3:#6e6e6e;
  --mut:#767676;
  --ink-hover:#212121;
  --paper:#ffffff;
  --surface:#fafafa;
  --surface-2:#f4f4f4;
  --surface-3:#efefef;
  --line:#ececec;
  --line-2:#e7e7e7;
  --tint:#939393;
  --ink-inv:#1b1b1b;
  --mut-inv:#8e8e8e;
  --ok:#1d7d3e;
  --ok-bg:#eef8ef;
  --warn:#8d5d1c;
  --warn-bg:#fdf3e6;
  --danger:#c9302d;
  --danger-bg:#fff0ee;
  --sel:#bbfff0;
  --g-a:oklch(0.62 0.171 150);
  --g-b:oklch(0.62 0.301 318);
  --g-c:oklch(0.62 0.106 205);
  --r-xs:4px;
  --r-sm:8px;
  --r-md:14px;
  --r-lg:20px;
  --r-device:34px;
  --r-pill:99px;
  --shadow-pop:0 18px 40px -22px rgba(22,22,22,.28);
  --sans:"Onest",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --serif:"Redaction 35",Georgia,serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  --t-label:12px;
  --t-ui:14px;
  --t-body:18px;
  --t-sub:24px;
  --t-sub-md:32px;
  --t-sub-lg:40px;
  --t-head:56px;
  --t-head-lg:64px;
  --w-body:400;
  --w-head:450;
  --w-strong:600;
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:20px;
  --s-6:24px;
  --s-7:28px;
  --s-8:32px;
  --s-10:40px;
  --s-11:44px;
  --s-14:56px;
  --s-16:64px;
  --s-21:84px;
  --wrap:1180px;
  --wrap-read:1080px;
  --gutter:44px;
  --case-pad:84px;
  --nav-h:68px;
  --target:44px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.22,.61,.36,1);
  --ease-snap:cubic-bezier(.32,.72,0,1);
  --d-fast:200ms;
  --d-base:250ms;
  --d-move:320ms;
  --d-slow:450ms;
  --d-reveal:950ms;
  --z-hero:10;
  --z-sticky:15;
  --z-pop:20;
  --z-content:25;
  --z-nav:30;
  --z-progress:40;
  --z-overlay:50;
  --z-veil:60;
  --z-toast:70;
  --ok-inv:#76cf8a;
  --warn-inv:#eca851;
  --danger-inv:#f58c81;
  --wash:var(--surface-2);
  color-scheme:light;
}
/* Dark is opt-in: heyrav.in is light-only today, so linking this file can
   never flip a page by itself. Set data-theme="dark" on <html> to use it. */
[data-theme="dark"]{
  --ink:#ededed;
  --ink-2:#b3b3b3;
  --ink-body:#9b9b9b;
  --ink-3:#868686;
  --mut:#7e7e7e;
  --ink-hover:#ffffff;
  --paper:#121212;
  --surface:#181818;
  --surface-2:#1f1f1f;
  --surface-3:#262626;
  --line:#262626;
  --line-2:#2e2e2e;
  --tint:#5e5e5e;
  --ink-inv:#0a0a0a;
  --ok:#76cf8a;
  --ok-bg:#15291a;
  --warn:#eca851;
  --warn-bg:#30200d;
  --danger:#f58c81;
  --danger-bg:#391a17;
  --sel:#0c473e;
  --shadow-pop:0 18px 40px -18px rgba(0,0,0,.7);
  --ok-inv:#1d7d3e;
  --warn-inv:#8d5d1c;
  --danger-inv:#c9302d;
  color-scheme:dark;
}
@media (max-width:900px){:root{--case-pad:64px;}}
@media (max-width:640px){:root{--gutter:22px;}}