/* GENERATED by app/theme.py — do not edit by hand.
   Edit tokens in Admin > Brand; Save regenerates this file. */

:root {
  /* KnullFix portal tokens */
  --portal-ink:#151515; --portal-ground:#101312; --portal-ground-2:#141816; --portal-ground-3:#171c1a;
  --portal-cream:#f1e9d8; --portal-cream-dim:#c9c5b9; --portal-paper:#fffaf0; --portal-paper-2:#fffdf6;
  --portal-paper-line:#cfc5b2; --portal-paper-line-soft:#e2d9c6; --portal-paper-ink-soft:#59594f;
  --portal-muted:#9b9b91; --portal-line:#353936; --portal-line-soft:#242928;
  --portal-red:#e05443; --portal-red-deep:#a92e22; --portal-red-wash:rgba(224,84,67,.14); --portal-red-ring:rgba(224,84,67,.18);
  --portal-green:#98d6b0; --portal-green-wash:rgba(152,214,176,.13); --portal-amber:#e0b243; --portal-blue:#7fa8d6;
  --portal-r-0:0px; --portal-r-1:2px; --portal-r-pill:999px; --portal-sh-1:0 2px 0 rgba(0,0,0,.22); --portal-sh-2:0 24px 70px rgba(0,0,0,.26);
  --portal-t-3xs:9px; --portal-t-2xs:11px; --portal-t-xs:12px; --portal-t-s:13px; --portal-t-m:16px; --portal-t-l:18px; --portal-t-xl:22px; --portal-t-2xl:27px;
  --portal-t-3xl:clamp(31px,4vw,52px); --portal-t-4xl:clamp(43px,7vw,78px); --portal-lh-tight:.98; --portal-lh-snug:1.2; --portal-lh-body:1.55;
  --portal-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --accent: #111111;
  --accent-deep: #000000;
  --accent-tint: #EDEDEA;
  --on-accent: #FAFAF8;
  --spark: #8A8A86;
  --paper: #F7F7F5;
  --paper-2: #EFEFEC;
  --surface: #FFFFFF;
  --ink: #111111;
  --ink-soft: #5E5E5B;
  --border: #E3E3DF;
  --footer-bg: #111111;
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, sans-serif;
  --r-input: 6px;
  --r-surface: 10px;
}

[data-theme="dark"] {
  --paper: #0C0C0C;
  --paper-2: #141414;
  --surface: #1A1A1A;
  --ink: #EDEDEA;
  --ink-soft: #9B9B97;
  --accent: #EDEDEA;
  --accent-deep: #FFFFFF;
  --accent-tint: #222222;
  --spark: #6E6E6A;
  --border: #262626;
  --on-accent: #0C0C0C;
  --footer-bg: #080808;
  color-scheme: dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --paper: #0C0C0C;
  --paper-2: #141414;
  --surface: #1A1A1A;
  --ink: #EDEDEA;
  --ink-soft: #9B9B97;
  --accent: #EDEDEA;
  --accent-deep: #FFFFFF;
  --accent-tint: #222222;
  --spark: #6E6E6A;
  --border: #262626;
  --on-accent: #0C0C0C;
  --footer-bg: #080808;
    color-scheme: dark;
  }
}