/* ============================================================================
   GENERATED FILE. DO NOT EDIT.
   ----------------------------------------------------------------------------
   Source:  src/styles/tokens/{ramps.css,roles.css,vocab.css}
   Emitted by: tools/tokens/generate.mjs  (npm run tokens:gen)
   Verified by: npm test, which fails if this copy is stale.

   Values are FLATTENED — every var() chain resolved and every oklch(from ...)
   evaluated — because the consumers of this file are served to arbitrary
   visitors and should not depend on custom-property resolution or on
   relative-colour syntax.

   Editing here does not change the app and the next generate overwrites it.
   Change the source layer instead: a value belongs in ramps.css, a job in
   roles.css, a product meaning in vocab.css.
   ============================================================================ */
:root {
  --n-sunk:oklch(0.135 0.018 285);
  --n-0:oklch(0.150 0.020 285);
  --n-1:oklch(0.168 0.022 285);
  --n-2:oklch(0.190 0.020 285);
  --n-3:oklch(0.205 0.020 285);
  --n-4:oklch(0.224 0.020 285);
  --n-5:oklch(0.245 0.016 285);
  --n-6:oklch(0.265 0.021 285);
  --n-7:oklch(0.300 0.018 285);
  --n-8:oklch(0.360 0.020 285);
  --n-9:oklch(0.400 0.018 285);
  --n-10:oklch(0.615 0.014 285);
  --n-11:oklch(0.620 0.020 285);
  --n-12:oklch(0.660 0.014 285);
  --n-13:oklch(0.820 0.012 285);
  --n-14:oklch(0.965 0.006 285);
  --n-15:oklch(0.990 0.006 285);
  --n-mark:oklch(0.340 0.018 285);
  --n-glint:oklch(0.980 0.010 285);
  --n-shadow:oklch(0.050 0.020 285);
  --atm-violet:oklch(0.330 0.105 296);
  --atm-teal:oklch(0.350 0.090 200);
  --atm-pink:oklch(0.330 0.080 16);
  --atm-sky-near:oklch(0.500 0.090 200);
  --atm-sky-mid:oklch(0.450 0.095 235);
  --atm-sky-far:oklch(0.410 0.100 285);
  --red-1:oklch(0.210 0.030 22);
  --red-2:oklch(0.280 0.050 22);
  --red-3:oklch(0.300 0.055 22);
  --red-4:oklch(0.345 0.070 22);
  --red-5:oklch(0.420 0.085 22);
  --red-6:oklch(0.660 0.170 22);
  --red-7:oklch(0.815 0.065 22);
  --red-8:oklch(0.865 0.072 22);
  --red-9:oklch(0.910 0.055 22);
  --amber-1:oklch(0.210 0.030 78);
  --amber-2:oklch(0.275 0.045 78);
  --amber-3:oklch(0.340 0.060 78);
  --amber-4:oklch(0.450 0.100 78);
  --amber-6:oklch(0.800 0.135 78);
  --amber-7:oklch(0.580 0.095 78);
  --amber-8:oklch(0.885 0.070 78);
  --steel-2:oklch(0.270 0.035 210);
  --steel-4:oklch(0.450 0.045 210);
  --steel-6:oklch(0.780 0.045 210);
  --steel-7:oklch(0.620 0.040 210);
  --green-6:oklch(0.740 0.130 152);
  --green-7:oklch(0.520 0.090 152);
  --violet-4:oklch(0.460 0.100 296);
  --violet-7:oklch(0.780 0.150 296);
  --violet-8:oklch(0.800 0.120 296);
  --violet-9:oklch(0.865 0.100 296);
  --id-1:oklch(0.700 0.045 250);
  --id-2:oklch(0.720 0.050 150);
  --id-3:oklch(0.800 0.050 70);
  --id-4:oklch(0.740 0.045 330);
  --id-5:oklch(0.760 0.045 200);
  --id-6:oklch(0.780 0.045 20);
  --violet-6:oklch(0.660 0.205 296);
  --teal-6:oklch(0.820 0.130 184);
  --pink-6:oklch(0.720 0.180 16);
  --radius:11px;
  --radius-sm:8px;
  --radius-lg:16px;
  --ease-quint:cubic-bezier(0.22, 1, 0.36, 1);
  --ease-expo:cubic-bezier(0.16, 1, 0.3, 1);
  --font-sans:"Hanken Grotesk", system-ui, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, monospace;
  --maxw:1080px;
  --maxw-app:1320px;
  --canvas:oklch(0.150 0.020 285);
  --canvas-top:oklch(0.168 0.022 285);
  --surface-1:oklch(0.190 0.020 285);
  --surface-2:oklch(0.224 0.020 285);
  --surface-3:oklch(0.265 0.021 285);
  --surface-raised:oklch(0.205 0.020 285);
  --surface-sunken:oklch(0.135 0.018 285);
  --line-soft:oklch(0.245 0.016 285);
  --line:oklch(0.300 0.018 285);
  --line-strong:oklch(0.360 0.020 285);
  --line-emph:oklch(0.400 0.018 285);
  --ink:oklch(0.965 0.006 285);
  --ink-2:oklch(0.820 0.012 285);
  --ink-3:oklch(0.660 0.014 285);
  --ink-4:oklch(0.615 0.014 285);
  --ink-hi:oklch(0.990 0.006 285);
  --on-ink:oklch(0.150 0.020 285);
  --ink-ring:oklch(0.620 0.020 285);
  --red:oklch(0.660 0.170 22);
  --red-field:oklch(0.210 0.030 22);
  --red-fill:oklch(0.280 0.050 22);
  --red-tint:oklch(0.300 0.055 22);
  --red-tint-hover:oklch(0.345 0.070 22);
  --red-line:oklch(0.420 0.085 22);
  --red-ink-2:oklch(0.815 0.065 22);
  --red-ink:oklch(0.865 0.072 22);
  --red-ink-hi:oklch(0.910 0.055 22);
  --amber:oklch(0.800 0.135 78);
  --amber-dim:oklch(0.580 0.095 78);
  --amber-field:oklch(0.210 0.030 78);
  --amber-tint:oklch(0.275 0.045 78);
  --amber-tint-hover:oklch(0.340 0.060 78);
  --amber-line:oklch(0.450 0.100 78);
  --amber-ink:oklch(0.885 0.070 78);
  --green:oklch(0.740 0.130 152);
  --green-dim:oklch(0.520 0.090 152);
  --steel:oklch(0.780 0.045 210);
  --steel-dim:oklch(0.620 0.040 210);
  --steel-line:oklch(0.450 0.045 210);
  --steel-wash:oklch(0.270 0.035 210);
  --focus:oklch(0.780 0.150 296);
  --focus-link:oklch(0.800 0.120 296);
  --focus-link-hover:oklch(0.865 0.100 296);
  --focus-line:oklch(0.460 0.100 296);
  --focus-ring:0 0 0 3px oklch(0.78 0.15 296 / 0.22);
  --focus-ring-soft:0 0 0 3px oklch(0.78 0.15 296 / 0.16);
  --focus-border:oklch(0.78 0.15 296 / 0.35);
  --focus-border-hover:oklch(0.78 0.15 296 / 0.45);
  --select-fill:oklch(0.78 0.15 296 / 0.14);
  --select-fill-hi:oklch(0.78 0.15 296 / 0.22);
  --select-line:oklch(0.78 0.15 296 / 0.55);
  --edge-a:0.04;
  --lift:inset 0 1px 0 oklch(0.98 0.01 285 / 0.04), 0 30px 80px -44px oklch(0.05 0.02 285 / 0.9);
  --lift-sm:inset 0 1px 0 oklch(0.98 0.01 285 / 0.04), 0 18px 44px -18px oklch(0.05 0.02 285 / 0.9);
  --edge-glint:oklch(0.98 0.01 285 / 0.04);
  --scrim:oklch(0.05 0.02 285 / 0.7);
  --panel-wash:radial-gradient(120% 140% at 100% 0%, oklch(0.205 0.02 285 / 0.6), transparent 55%);
  --shimmer:linear-gradient(90deg, transparent, oklch(0.3 0.018 285 / 0.55), transparent);
  --shimmer-hi:linear-gradient(90deg, transparent, oklch(0.66 0.014 285 / 0.7), transparent);
  --live-gradient:linear-gradient(96deg, oklch(0.820 0.130 184) 0%, oklch(0.660 0.205 296) 52%, oklch(0.720 0.180 16) 100%);
  --emit-blur:12px;
  --emit-spread:1px;
  --live-ring:0 0 0 3px oklch(0.66 0.205 296 / 0.16);
  --live-glow:0 0 0 3px oklch(0.66 0.205 296 / 0.16), 0 0 12px 1px oklch(0.66 0.205 296 / 0.42);
  --live-pulse:oklch(0.82 0.13 184 / 0.5);
  --live-flare:0 0 0 0.045em oklch(0.66 0.205 296 / 0.20), 0 0 0.5em oklch(0.72 0.18 16 / 0.55);
  --live-tag-line:oklch(0.66 0.205 296 / 0.55);
  --live-tag-fill:oklch(0.66 0.205 296 / 0.14);
  --live-quiet:oklch(0.660 0.205 296);
  --mark-unlit:oklch(0.340 0.018 285);
  --state-deploying:oklch(0.800 0.135 78);
  --state-deploying-dim:oklch(0.580 0.095 78);
  --state-failed:oklch(0.660 0.170 22);
  --state-failed-line:oklch(0.420 0.085 22);
  --state-failed-fill:oklch(0.300 0.055 22);
  --state-draft:oklch(0.660 0.014 285);
  --verified:oklch(0.780 0.045 210);
  --verified-dim:oklch(0.620 0.040 210);
  --verified-line:oklch(0.450 0.045 210);
  --verified-wash:oklch(0.270 0.035 210);
  --available:oklch(0.780 0.045 210);
  --health-ok:oklch(0.740 0.130 152);
  --health-ok-dim:oklch(0.520 0.090 152);
  --health-warn:oklch(0.800 0.135 78);
  --health-fail:oklch(0.660 0.170 22)
}