/* Google Fonts substitutes (OFL), latin subset, self-hosted. No brand font files were supplied — see readme. */
@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/LilitaOne-Regular.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}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('fonts/Nunito-Variable.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}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('fonts/JetBrainsMono-Variable.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{
/* Night — the slate-charcoal backdrop of the logo */
--night-950:#15181d;--night-900:#1b1f25;--night-850:#20242b;--night-800:#262b33;--night-700:#2f353f;--night-600:#3b424e;--night-500:#4d5562;--night-400:#6b7381;
/* Wordmark gradient: cream → gold → ember */
--cream-100:#fff4d6;--cream-200:#fde6ad;--cream-300:#fbd98a;
--gold-300:#f6c05a;--gold-400:#eeaa3a;--gold-500:#e0952a;--gold-600:#b8741c;
--ember-300:#ff8a55;--ember-400:#fb6a32;--ember-500:#f0571f;--ember-600:#c94214;
/* Illustration accents */
--ink-900:#2a1a12;--ink-800:#3a2519;
--wood-300:#b98656;--wood-400:#9c6b3f;--wood-500:#80552f;--wood-600:#5f3d20;
--stone-200:#c9c3b6;--stone-300:#aaa497;--stone-400:#88837a;
--leaf-300:#8cc55b;--leaf-400:#5fa544;--leaf-500:#3f8a3a;--leaf-600:#2d6a2f;
--comb-400:#e2463a;--comb-500:#c8322a;
--plume-400:#2f8a72;--plume-500:#226b5c;
--blush-300:#f58c7c;
/* Semantic */
--bg-app:var(--night-900);--bg-sunken:var(--night-950);--surface-1:var(--night-850);--surface-2:var(--night-800);--surface-3:var(--night-700);--surface-plank:var(--wood-500);
--fg-1:var(--cream-100);--fg-2:#d8cfbd;--fg-3:#a39b8c;--fg-4:#757062;--fg-on-accent:var(--ink-900);
--accent:var(--gold-400);--accent-hover:var(--gold-300);--accent-press:var(--gold-500);
--accent-hot:var(--ember-400);--accent-hot-hover:var(--ember-300);
--border-1:rgba(255,236,200,.08);--border-2:rgba(255,236,200,.14);--border-strong:rgba(255,236,200,.24);--border-ink:var(--ink-900);
--focus-ring:var(--gold-300);
--success:var(--leaf-400);--success-bg:rgba(95,165,68,.16);
--warning:var(--gold-400);--warning-bg:rgba(238,170,58,.16);
--danger:var(--comb-400);--danger-bg:rgba(226,70,58,.16);
--info:#5aa9c9;--info-bg:rgba(90,169,201,.16);
--text-link:var(--gold-300);--text-link-hover:var(--cream-200);
}
:root{
--font-display:'Lilita One','Nunito',system-ui,sans-serif;
--font-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-30:30px;--fs-38:38px;--fs-48:48px;--fs-64:64px;--fs-80:80px;
--lh-tight:1.05;/* @kind other */--lh-snug:1.25;/* @kind other */--lh-body:1.55;/* @kind other */
--ls-label:.08em;--ls-display:.005em;
--fw-body:600;/* @kind font */--fw-strong:800;/* @kind font */--fw-black:900;/* @kind font */
/* Semantic */
--type-hero:400 var(--fs-80)/var(--lh-tight) var(--font-display);
--type-h1:400 var(--fs-48)/var(--lh-tight) var(--font-display);
--type-h2:400 var(--fs-30)/var(--lh-snug) var(--font-display);
--type-h3:400 var(--fs-20)/var(--lh-snug) var(--font-display);
--type-body:600 var(--fs-16)/var(--lh-body) var(--font-body);
--type-small:600 var(--fs-14)/var(--lh-body) var(--font-body);
--type-label:800 var(--fs-12)/1 var(--font-body);
--type-mono:400 var(--fs-13)/1.6 var(--font-mono);
}
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--container:1200px;--sidebar-w:248px;--topbar-h:60px;
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--control-h-sm:32px;--control-h-md:40px;--control-h-lg:52px;
}
:root{
/* Sticker style: chunky ink outline + hard drop under, from the logo */
--outline-ink:2px solid var(--ink-900);
--shadow-chunky:0 4px 0 var(--ink-900);
--shadow-chunky-sm:0 2px 0 var(--ink-900);
--shadow-1:0 1px 2px rgba(0,0,0,.35);
--shadow-2:0 6px 18px rgba(0,0,0,.35),0 1px 0 rgba(255,236,200,.04) inset;
--shadow-3:0 18px 48px rgba(0,0,0,.5);
--inset-top:inset 0 1px 0 rgba(255,244,214,.35);
--glow-gold:0 0 0 3px rgba(246,192,90,.35);
--grad-wordmark:linear-gradient(90deg,var(--cream-300) 0%,var(--gold-400) 45%,var(--ember-400) 75%);
--grad-vignette:radial-gradient(120% 90% at 50% 40%,var(--night-800) 0%,var(--night-900) 55%,var(--night-950) 100%);
--ease-out:cubic-bezier(.2,.8,.2,1);/* @kind other */--ease-bounce:cubic-bezier(.34,1.56,.64,1);/* @kind other */
--dur-fast:120ms;/* @kind other */--dur-med:200ms;/* @kind other */--dur-slow:360ms;/* @kind other */
}