/* Revortics OS design tokens. Base: founder-supplied CampaignHub system, refined for a dense working app. */
:root {
  /* grey scale (cool, from CampaignHub neutral) */
  --g-0: #ffffff;
  --g-25: #f8f9fa;
  --g-50: #f3f5f7;
  --g-100: #edf0f3;
  --g-150: #e5e8eb;
  --g-200: #dcdee0;
  --g-300: #c4c7cb;
  --g-400: #9da1a6;
  --g-500: #87898c;
  --g-600: #6b6e72;
  --g-700: #4e5154;
  --g-800: #33363a;
  --g-900: #121b28;            /* brand navy (logo) */

  /* roles */
  --ground: var(--g-50);
  --layer: var(--g-100);        /* sidebar, toolbars */
  --sheet: var(--g-0);          /* working surfaces */
  --sheet-alt: var(--g-25);     /* table head, zebra, insets */
  --line: var(--g-200);
  --line-soft: #e9ebee;
  --ink: var(--g-900);
  --ink-2: var(--g-700);
  --muted: #6f7276;             /* 4.6:1 on white */
  --faint: var(--g-400);

  --primary: var(--g-900);
  --primary-ink: #f3f5f7;
  --primary-hover: #1f2b3b;

  --violet: #ff6b2c;            /* brand orange: selection, focus, "you are here" */
  --violet-ink: #c2410c;
  --violet-soft: #fff1ea;
  --violet-line: #ffd0b8;

  --green: #15803d;
  --green-bg: #ecfaf1;
  --green-line: #b6e8c8;
  --green-mark: #22c55e;
  --amber: #8a5a06;
  --amber-bg: #fef6e7;
  --amber-line: #f9e3be;
  --amber-mark: #f59e0b;
  --red: #b42318;
  --red-bg: #fdf0ef;
  --red-line: #f6c9c4;
  --red-mark: #ef4444;
  --blue: #1d4f9c;
  --blue-bg: #eef4fd;
  --blue-line: #c9dbf5;

  /* chart series */
  --c-1: #121b28;
  --c-2: #ff6b2c;
  --c-3: #f59e0b;
  --c-4: #22a35a;
  --c-5: #9da1a6;

  /* type */
  --font: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-30: 1.875rem;

  /* space (4px grid) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;

  --r-sm: 0.25rem;
  --r-md: 0.375rem;
  --r-lg: 0.5rem;
  --r-xl: 0.75rem;

  --shadow-pop: 0 1px 2px rgb(16 18 20 / 0.06), 0 8px 24px -6px rgb(16 18 20 / 0.16);
  --shadow-drawer: -12px 0 32px -12px rgb(16 18 20 / 0.18);
  --ring: 0 0 0 2px var(--sheet), 0 0 0 4px rgb(255 107 44 / 0.6);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 140ms;
  --t-mid: 220ms;

  --sidebar-w: 236px;
  --topbar-h: 52px;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --ground: #0b1119;
  --layer: #0f1620;
  --sheet: #121b28;
  --sheet-alt: #172232;
  --line: #253246;
  --line-soft: #1d2939;
  --ink: #f7f8fa;
  --ink-2: #c5c9cd;
  --muted: #979ca2;
  --faint: #6b7076;
  --primary: #f7f8fa;
  --primary-ink: #121b28;
  --primary-hover: #ffffff;
  --violet: #ff8a55;
  --violet-ink: #ffa47a;
  --violet-soft: #2e1a10;
  --violet-line: #5a2f18;
  --green: #5fd38b;
  --green-bg: #12261a;
  --green-line: #1f4a2e;
  --amber: #f3c26b;
  --amber-bg: #2a2010;
  --amber-line: #4d3a14;
  --red: #f39189;
  --red-bg: #2c1513;
  --red-line: #552521;
  --blue: #8db7f3;
  --blue-bg: #13213a;
  --blue-line: #233b63;
  --c-1: #f7f8fa;
  --c-2: #ff8a55;
  --c-5: #6b7076;
  --shadow-pop: 0 1px 2px rgb(0 0 0 / 0.4), 0 10px 28px -6px rgb(0 0 0 / 0.6);
  --shadow-drawer: -12px 0 32px -12px rgb(0 0 0 / 0.6);
  --ring: 0 0 0 2px var(--sheet), 0 0 0 4px rgb(255 138 85 / 0.7);
  color-scheme: dark;
}