:root {
  /* LIGHT MODE COLORS */
  --bg-dark: #f1f5f9;
  /* Page Background */
  --bg-card: #ffffff;
  /* Card/Sidebar Background */
  --text-primary: #0f172a;
  /* Key Text */
  --text-secondary: #64748b;
  /* Secondary Text */

  --input-bg: #ffffff;
  --input-border: #cbd5e1;
  --input-text: #0f172a;

  --border-color: rgba(0, 0, 0, 0.1);
  --topbar-bg: rgba(255, 255, 255, 0.8);

  --accent: #0ea5e9;
  /* Sky 500 */
  --accent-hover: #0284c7;
  /* Sky 600 */

  --sidebar-width: 300px;
  --header-height: 60px;
}