:root {
  /* Backgrounds */
  --bg: #faf9f7;
  --bg-panel: #f8f7f5;
  --bg-element: #f3f2f0;
  --bg-subtle: #edecea;
  --bg-hover: #e7e6e3;
  --bg-active: #e1e0dd;

  /* Borders */
  --border: #d0d0d0;
  --border-active: #b0b0b0;
  --border-subtle: #e0e0e0;

  /* Text */
  --text: #171717;
  --text-muted: #444444;

  /* Theme colors */
  --primary: #e37e44;
  --secondary: #4285f4;
  --accent: #8b5fbf;

  /* Semantic */
  --red: #d32f2f;
  --orange: #f57c00;
  --green: #388e3c;
  --cyan: #0097a7;
  --yellow: #f9a825;
}