:root {
  --font: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Charter", "Georgia", Cambria, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --bg: #ffffff;
  --bg-sidebar: #f7f9f8;
  --bg-elevated: #ffffff;
  --bg-input: #ffffff;
  --bg-subtle: #f0fdf4;
  --bg-hover: rgba(21, 128, 61, 0.06);
  --bg-active: rgba(21, 128, 61, 0.12);
  --bg-selected: rgba(21, 128, 61, 0.14);
  --bg-code: #f4f6f5;
  --bg-tooltip: #1f2923;

  --text: #111827;
  --text-2: #4b5563;
  --text-3: #6b7280;
  --text-disabled: #9ca3af;
  --text-on-tooltip: #f9fafb;
  --placeholder: #9ca3af;

  --line: #e5e7eb;
  --line-2: #f3f4f6;
  --line-strong: #d1d5db;

  --accent: #15803d;
  --accent-hover: #166534;
  --accent-text: #15803d;
  --accent-soft: #dcfce7;
  --on-accent: #ffffff;
  --focus: #15803d;
  --selection: rgba(34, 197, 94, 0.25);

  --danger: #b8322a;
  --danger-soft: #fcebea;
  --success: #15803d;
  --warning: #b45309;

  /* Text and background colors people can pick for content. */
  --c-gray: #65656d; --b-gray: #f1f1f2;
  --c-brown: #7e5434; --b-brown: #f4eee9;
  --c-orange: #a6480a; --b-orange: #fbecdd;
  --c-yellow: #7f5a00; --b-yellow: #fbf3d6;
  --c-green: #276b43; --b-green: #e6f3ea;
  --c-blue: #2459a8; --b-blue: #e4eefa;
  --c-purple: #7040ab; --b-purple: #f1eafa;
  --c-pink: #a3326c; --b-pink: #fae8f1;
  --c-red: #b02e24; --b-red: #fbe9e7;

  --radius-s: 4px;
  --radius: 6px;
  --radius-l: 10px;
  --sidebar-w: 264px;
  --topbar-h: 48px;
  --page-w: 760px;
  --dur: 140ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
  color-scheme: light;
}

:root[data-theme-resolved="dark"] {
  --bg: #19191b;
  --bg-sidebar: #1f1f22;
  --bg-elevated: #252528;
  --bg-input: #1d1d20;
  --bg-subtle: #242427;
  --bg-hover: rgba(255, 255, 255, 0.06);
  --bg-active: rgba(255, 255, 255, 0.1);
  --bg-selected: rgba(138, 148, 255, 0.18);
  --bg-code: #242427;
  --bg-tooltip: #ececee;

  --text: #ececee;
  --text-2: #b4b4bc;
  --text-3: #8b8b95;
  --text-disabled: #5e5e66;
  --text-on-tooltip: #1d1d20;
  --placeholder: #7a7a84;

  --line: #2f2f33;
  --line-2: #29292c;
  --line-strong: #43434a;

  --accent: #22c55e;
  --accent-hover: #4ade80;
  --accent-text: #4ade80;
  --accent-soft: #14532d;
  --on-accent: #0f172a;
  --focus: #4ade80;
  --selection: rgba(34, 197, 94, 0.3);

  --danger: #ff8a80;
  --danger-soft: #3a2422;
  --success: #6fd394;
  --warning: #f2c35b;

  --c-gray: #a1a1aa; --b-gray: #2c2c30;
  --c-brown: #c99d7b; --b-brown: #352a23;
  --c-orange: #f09a5b; --b-orange: #3d2b1d;
  --c-yellow: #e5c15a; --b-yellow: #3a321a;
  --c-green: #6cc58f; --b-green: #1f3328;
  --c-blue: #76a9ef; --b-blue: #1d2c42;
  --c-purple: #b48ef0; --b-purple: #2e2440;
  --c-pink: #ef8cbf; --b-pink: #3b2231;
  --c-red: #f28b82; --b-red: #3d2321;
  color-scheme: dark;
}