/* Content Farm design system: graphite + lime. Shared by every page through /ui/cf.css.
   Pages keep their own layout CSS; their local variables are mapped onto these tokens. */
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/ui/fonts/onest-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/ui/fonts/onest-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:dark;
  --cf-font:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --cf-bg:#0b0c0a;
  --cf-side:#0e100d;
  --cf-panel:#141613;
  --cf-panel2:#1a1d19;
  --cf-panel3:#22261f;
  --cf-line:#262a24;
  --cf-line2:#363b33;
  --cf-text:#f1f4ec;
  --cf-text2:#c8cec1;
  --cf-muted:#8d9588;
  --cf-faint:#646b60;
  --cf-accent:#d6f879;
  --cf-accent-ink:#141a0c;
  --cf-accent-soft:rgba(214,248,121,.10);
  --cf-accent-line:rgba(214,248,121,.32);
  --cf-good:#7ee2a8;  --cf-good-soft:rgba(126,226,168,.12);
  --cf-warn:#f5c26b;  --cf-warn-soft:rgba(245,194,107,.12);
  --cf-bad:#ff8a7a;   --cf-bad-soft:rgba(255,138,122,.12);
  --cf-info:#a7bdff;  --cf-info-soft:rgba(167,189,255,.12);
  --cf-r-lg:16px; --cf-r:12px; --cf-r-sm:8px;
  --cf-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 48px -24px rgba(0,0,0,.7);
}

html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html body{font-family:var(--cf-font);font-feature-settings:"ss01","cv11";letter-spacing:-.005em}
body button,body input,body select,body textarea{font-family:inherit}
::selection{background:var(--cf-accent);color:var(--cf-accent-ink)}
:focus-visible{outline:2px solid var(--cf-accent)!important;outline-offset:2px!important}
*{scrollbar-width:thin;scrollbar-color:var(--cf-line2) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--cf-line2);border-radius:10px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}
input::placeholder,textarea::placeholder{color:var(--cf-faint)}
select option{background:var(--cf-panel2);color:var(--cf-text)}
.cf-num,strong,b{font-variant-numeric:tabular-nums}

/* Brand mark shared by headers. */
.cf-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--cf-accent);
  color:var(--cf-accent-ink);font-weight:800;font-size:15px;letter-spacing:-.04em;flex:none}