/* Shared Codami design tokens — used by homepage, login, and site chrome */
:root {
  --surface: #f8f9fb;
  --panel: #fff;
  --muted: #5c6878;
  --ink: #222b38;
  --line: #dce2e9;
  --accent: #0f62fe;
  --accent-hover: #0043ce;
  --soft: #eaf1fc;
  --section-space: 64px;
  --header-height: 76px;
  --radius: 5px;
  --danger-bg: #fee2e2;
  --danger-ink: #991b1b;
  --success-bg: #d1fae5;
  --success-ink: #065f46;
  --warning-bg: #fef3c7;
  --warning-ink: #92400e;
  --neutral-bg: #e8edf4;
  --neutral-ink: #374151;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

html[data-theme="dark"] {
  --surface: #151a23;
  --panel: #1e2734;
  --muted: #c1cbd9;
  --ink: #f2f5fa;
  --line: #3a475b;
  --accent: #78a9ff;
  --accent-hover: #0f62fe;
  --soft: #253750;
  --danger-bg: #3b1d24;
  --danger-ink: #fecaca;
  --success-bg: #16352c;
  --success-ink: #a7f3d0;
  --warning-bg: #3a2d14;
  --warning-ink: #fde68a;
  --neutral-bg: #243041;
  --neutral-ink: #d5deea;
}

html[data-theme="dark"] {
  color-scheme: dark;
}