:root {
  color-scheme: light;
  --charcoal: #171713;
  --charcoal-soft: #292923;
  --cream: #f8f4ea;
  --cream-deep: #eee8da;
  --tomato: #e4573d;
  --tomato-dark: #bb3f2a;
  --olive: #68764a;
  --gold: #e6b84a;
  --blue: #4378a8;
  --white: #ffffff;
  --ink: #24231f;
  --muted: #716f66;
  --line: rgba(23, 23, 19, 0.1);
  --surface: #ffffff;
  --surface-soft: #fcfaf4;
  --danger-soft: #fff0ec;
  --warning-soft: #fff8df;
  --success-soft: #f0f4e8;
  --blue-soft: #eef5fb;
  --shadow-sm: 0 1px 2px rgba(23, 23, 19, 0.04), 0 6px 20px rgba(23, 23, 19, 0.04);
  --shadow-lg: 0 24px 70px rgba(23, 23, 19, 0.18);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --sidebar: 244px;
  --sidebar-collapsed: 76px;
  --topbar: 76px;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --cream: #11110e;
  --cream-deep: #1a1a15;
  --ink: #f5f0e6;
  --muted: #aaa79d;
  --line: rgba(255, 255, 255, 0.1);
  --surface: #1c1c17;
  --surface-soft: #22221c;
  --danger-soft: #3a211d;
  --warning-soft: #342d19;
  --success-soft: #252d1d;
  --blue-soft: #192837;
  --white: #24241e;
}