/* Mosir App UI tokens (light only) */
:root {
  --canvas: #f7f7f5;
  --surface: #ffffff;
  --surface-subtle: #fafaf9;
  --hover: #f4f4f3;
  --border: #e4e4e2;
  --divider: #f1f1ef;
  --border-strong: #d4d4d1;
  --text-strong: #18181a;
  --text: #3f3f42;
  --text-body: #52525a;
  --text-muted: #6e6e75;
  --text-meta: #8a8a90;
  --text-disabled: #c4c4c1;
  --shell-950: #121311;
  --shell-900: #1a1b19;
  --shell-800: #252724;
  --shell-700: #323531;
  --shell-violet-800: #271d7c;
  --shell-violet-900: #1a1353;
  --shell-coral-700: #b8461f;
  --shell-coral-900: #7f2e12;
  --on-shell: #f5f5f2;
  --on-shell-muted: #a3a39c;
  --accent-50: #fff2ec;
  --accent-100: #ffe2d6;
  --accent-200: #ffc6ae;
  --accent-300: #fda07e;
  --accent-400: #f7804f;
  --accent-500: #f2693b;
  --accent-600: #d4532a;
  --accent-700: #ad3f1c;
  --accent-800: #853016;
  --accent-900: #5a200f;
  --on-accent: #1a1b19;
  --ok: #1c7a55;
  --ok-bg: #e7f6ef;
  --warn: #a8620f;
  --warn-bg: #fef3e2;
  --late: #c23b28;
  --late-bg: #fdecea;
  --idle: #5a6478;
  --idle-bg: #eef0f5;
  --danger: #dc2626;
  --danger-bg: #fef2f2;
  --info: #2f6fd0;
  --chart-1: #f2693b;
  --chart-2: #3a3d38;
  --chart-3: #2f8f6b;
  --chart-4: #5a7bd6;
  --chart-5: #d9a43a;
  --track: #f1f1ef;
  --sp-4: 4px;
  --sp-6: 6px;
  --sp-8: 8px;
  --sp-10: 10px;
  --sp-12: 12px;
  --sp-14: 14px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-36: 36px;
  --sp-40: 40px;
  --radius-xs: 6px;
  --radius-control: 8px;
  --radius-tile: 10px;
  --radius-card: 12px;
  --radius-modal: 13px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(15, 23, 20, 0.05);
  --shadow-hover: 0 6px 18px rgba(12, 13, 11, 0.08);
  --shadow-menu: 0 12px 30px rgba(15, 18, 16, 0.12);
  --shadow-pop: 0 8px 24px rgba(18, 20, 17, 0.12), 0 2px 6px rgba(18, 20, 17, 0.06);
  --shadow-modal: 0 24px 70px rgba(8, 9, 7, 0.24);
  --shadow-savebar: 0 14px 34px rgba(8, 9, 7, 0.34);
  --size-sidebar: 240px;
  --size-sidebar-compact: 72px;
  --size-header: 60px;
  --size-copy: 720px;
  --size-control: 34px;
  --size-nav-item: 44px;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;
}