/* KPI Fuel kit: tokens. From kpifuel.com (the oil-slick lander, kpifuel_lander/site) and the kit spec
   (builder/kpifuel/study/KIT.md section 1). Dark only. Every text tone measured on #07070A. */
@font-face{font-family:"KF Wide";src:url(fonts/kf-wide.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"KF Mono";src:url(fonts/kf-mono.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"KF Read";src:url(fonts/kf-read.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  /* ground and ink (the lander's) */
  --bg:#07070A;
  --ink:#F4F4F6;                    /* 18.3:1 */
  /* reading tones (new: the lander's .46 mute is 4.32:1, under 4.5 for text) */
  --body:rgba(244,244,246,.86);     /* 13.5:1  long reading text */
  --read:rgba(244,244,246,.72);     /*  9.5:1  hints, state lines, metadata */
  --label:rgba(244,244,246,.56);    /*  6.0:1  mono labels, section titles, placeholders */
  --mute:rgba(244,244,246,.46);     /*  4.32:1 the lander's own; non-text only (hairlines) */
  /* lines and fills */
  --line:rgba(244,244,246,.10);     /* dividers, card edges (decorative) */
  --edge:rgba(244,244,246,.40);     /*  3.5:1  field and ghost-button boundaries */
  --card:rgba(244,244,246,.04);
  --hot:rgba(244,244,246,.08);
  --press:rgba(244,244,246,.12);
  /* the oil slick (the lander's palette, now real tokens) */
  --teal:#0E5E6F;--violet:#6B3FA0;--magenta:#C2417F;--gold:#E2B04A;--teal-2:#2B8C8C;
  --slick:linear-gradient(100deg,transparent 0%,transparent 34%,#2B8C8C 40%,#6B3FA0 45%,#C2417F 50%,#E2B04A 55%,#F4F4F6 58%,transparent 64%,transparent 100%);
  --slick-ring:conic-gradient(from 210deg,#2B8C8C,#6B3FA0,#C2417F,#E2B04A,#F4F4F6,#2B8C8C);
  --slick-bar:linear-gradient(90deg,#2B8C8C,#6B3FA0 35%,#C2417F 65%,#E2B04A 92%,#F4F4F6);
  /* status (lifted tints of the slick's hues) */
  --ok:#6FD0C8;                     /* 11.05:1 */
  --err:#E58AB2;                    /*  8.25:1 */
  --warn:#E2B04A;                   /* 10.10:1 */
  /* faces */
  --f-wide:"KF Wide",sans-serif;
  --f-mono:"KF Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --f-read:"KF Read",-apple-system,system-ui,"Segoe UI",sans-serif;
  /* space, shape, motion */
  --gutter:clamp(16px,2.6vw,40px);
  --col:640px;
  --s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:72px;
  --r-pill:999px;--r-box:0;
  --ease:cubic-bezier(.16,1,.3,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}