/* Just Clean CRM — generated from tokens.json */
:root, [data-theme="light"] {
  --bg: #fffdf9;
  --surface: #ffffff;
  --surface-alt: #f4f5f3;
  --surface-section: #f1f5f2;
  --ink: #3a3f47;
  --ink-muted: #5f656d;
  --on-ink: #ffffff;
  --accent: #a3e4d7;
  --accent-hover: #8bd8c9;
  --accent-soft: #eaf7f2;
  --accent-icon: #d8f2ec;
  --on-accent: var(--ink);
  --line: #bcc2c5;
  --line-field: #dce5e0;
  --focus: var(--ink);
  --danger-ink: #a33a2c;
  --danger-soft: #fbeae6;
  --danger-solid: #b4483a;
  --warn-ink: #8a5a12;
  --warn-soft: #fbf1dd;
  --warn-solid: #a87520;
  --ok-ink: #1f6a5a;
  --ok-soft: var(--accent-soft);
  --ok-solid: #2f8a76;
  --info-ink: #35618c;
  --info-soft: #e8eff6;
  --info-solid: #4a77a3;
  --off-ink: var(--ink-muted);
  --off-soft: #eeefed;
  --off-solid: #9aa3a8;
  --chart-1: var(--ok-solid);
  --chart-2: var(--accent);
  --chart-3: var(--off-solid);
  --shadow-pop: 0 4px 16px rgba(58,63,71,0.12), 0 1px 2px rgba(58,63,71,0.08);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-btn: 9px;
  --radius-card: 12px;
  --radius-img: 14px;
  --radius-pill: 999px;
  --sidebar-w: 232px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --control-h: 36px;
  --control-h-sm: 28px;
  --control-h-touch: 44px;
  --font-sans: Arial, Helvetica, sans-serif;
}
.text-display { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; }
.text-h1 { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; }
.text-h2 { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 700; }
.text-h3 { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.text-body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.text-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }
.text-small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.text-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.text-eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.1em; }
.site-body { font-family: var(--font-sans); font-size: 16px; line-height: 1.45; font-weight: 400; }
.site-h3 { font-family: var(--font-sans); font-size: 20.8px; line-height: 1.35; font-weight: 500; }
.site-button { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 500; }
.site-eyebrow { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.1em; }