@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-variable.woff2?v=0.3.42.261") format("woff2");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/roboto-500-latin.woff2?v=0.3.42.261") format("woff2");
}
:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-24: 24px;
  --lh-tight: 1.25; --lh: 1.45;
  --fw-reg: 400; --fw-med: 500; --fw-semi: 600;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-pill: 999px;
  --dur: 160ms; --ease: cubic-bezier(.2,.7,.2,1);
  --slack: #6B46C1; --slack-soft: #EFE8FC;
  --fp: #9A3412; --fp-soft: #FFF4EC; --fp-text: #9A3412;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #F6F5F2; --surface: #FFFFFF; --surface-2: #FAF9F7; --sunken: #F0EEEA;
  --border: #E6E3DE; --border-strong: #D6D2CB;
  --text: #1C1B19; --text-2: #55524C; --text-3: #6F6B64;
  --accent: #2F5BD3; --accent-soft: #E8EEFC; --accent-text: #2449B0;
  --work: #2F5BD3; --personal: #0F8A6A; --personal-soft: #E3F4EE; --personal-text: #0B6E55;
  --danger: #B93828; --danger-soft: #FBEAE6; --warn: #A15C00; --warn-soft: #FDF1DD;
  --ok: #146B3A; --ok-soft: #E4F3EA; --now: #C5341D; --now-text: #B42318;
  --ch-blue-bg: #E8EEFC; --ch-blue-fg: #1E3A8A; --ch-blue-bar: #2F5BD3;
  --ch-teal-bg: #E3F4EE; --ch-teal-fg: #0B6E55; --ch-teal-bar: #0F8A6A;
  --ch-green-bg: #E4F3EA; --ch-green-fg: #146B3A; --ch-green-bar: #146B3A;
  --ch-amber-bg: #FDF1DD; --ch-amber-fg: #7A4100; --ch-amber-bar: #A15C00;
  --ch-orange-bg: #FFF4EC; --ch-orange-fg: #9A3412; --ch-orange-bar: #C2410C;
  --ch-red-bg: #FBEAE6; --ch-red-fg: #8E2A20; --ch-red-bar: #B93828;
  --ch-pink-bg: #FCE7F3; --ch-pink-fg: #9D174D; --ch-pink-bar: #BE185D;
  --ch-purple-bg: #EFE8FC; --ch-purple-fg: #5B21B6; --ch-purple-bar: #6B46C1;
  --ch-indigo-bg: #E0E7FF; --ch-indigo-fg: #312E81; --ch-indigo-bar: #4338CA;
  --ch-slate-bg: #F0EEEA; --ch-slate-fg: #3F3D39; --ch-slate-bar: #55524C;
  --shadow-1: 0 1px 2px rgba(28,27,25,.05), 0 1px 1px rgba(28,27,25,.03);
  --shadow-2: 0 6px 20px rgba(28,27,25,.07), 0 1px 3px rgba(28,27,25,.05);
  --gate-glow: rgba(47, 91, 211, .20);
  --gate-wash: #FBFAF8;
  --gate-grain: .035;
  --gsi-bg: #FFFFFF; --gsi-border: #747775; --gsi-text: #1F1F1F; --gsi-hover: #F7F8F8;
  --focus: 0 0 0 2px var(--surface), 0 0 0 4px #2F5BD3;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E0F11; --surface: #1A1B1E; --surface-2: #1F2023; --sunken: #16171A;
  --border: #2A2C30; --border-strong: #383A3F;
  --text: #EDECEA; --text-2: #B4B1AB; --text-3: #9E998F;
  --accent: #7FA2FF; --accent-soft: #1F2840; --accent-text: #A9C0FF;
  --work: #7FA2FF; --personal: #4CC9A0; --personal-soft: #16302A; --personal-text: #4CC9A0;
  --danger: #FF8A73; --danger-soft: #3A1E19; --warn: #F2B65A; --warn-soft: #36290F;
  --ok: #5FD198; --ok-soft: #15301F; --now: #FF6B6F; --now-text: #FFB4B0;
  --ch-blue-bg: #1F2840; --ch-blue-fg: #C5D4FF; --ch-blue-bar: #7FA2FF;
  --ch-teal-bg: #16302A; --ch-teal-fg: #8EEDD0; --ch-teal-bar: #4CC9A0;
  --ch-green-bg: #15301F; --ch-green-fg: #9AF0C4; --ch-green-bar: #5FD198;
  --ch-amber-bg: #36290F; --ch-amber-fg: #F8D48A; --ch-amber-bar: #F2B65A;
  --ch-orange-bg: #3A2418; --ch-orange-fg: #FDBA74; --ch-orange-bar: #FDBA74;
  --ch-red-bg: #3A1E19; --ch-red-fg: #FFC2B8; --ch-red-bar: #FF8A73;
  --ch-pink-bg: #3A1A2A; --ch-pink-fg: #FBCFE8; --ch-pink-bar: #F472B6;
  --ch-purple-bg: #2A2340; --ch-purple-fg: #DDD6FE; --ch-purple-bar: #B69CFF;
  --ch-indigo-bg: #1E1B4B; --ch-indigo-fg: #C7D2FE; --ch-indigo-bar: #A5B4FC;
  --ch-slate-bg: #222326; --ch-slate-fg: #E7E5E4; --ch-slate-bar: #B4B1AB;
  --slack: #B69CFF; --slack-soft: #2A2340;
  --fp: #FDBA74; --fp-soft: #3A2418; --fp-text: #FDBA74;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.4);
  --gate-glow: rgba(127, 162, 255, .22);
  --gate-wash: #1A1B1E;
  --gate-grain: .05;
  --gsi-bg: #131314; --gsi-border: #8E918F; --gsi-text: #E3E3E3; --gsi-hover: #1B1B1D;
  --focus: 0 0 0 2px var(--surface), 0 0 0 4px #7FA2FF;
}
@media (prefers-reduced-motion: reduce) { :root { --dur: 0ms; } }