:root {
  /* -- Light theme colors -- */
  
  /* Background */
  --bg-primary: #e6e6e6;        /* main background */
  --bg-secondary: #eeeeee;      /* cards, secondary surfaces */
  
  /* Text */
  --text-primary: #2F3734;      /* main text */
  --text-secondary: #39413E;    /* secondary text */
  --text-disabled: #55625E;     /* disabled text */
  
  /* Accent / Primary */
  --primary: #8B2635;           /* blue */
  --primary-dark: #300D12;      /* blue dark */
  --primary-light: #E0E2DB;     /* blue light background */
  
  /* Borders & dividers */
  --border: #575757;
  
  /* Shadows */
  --shadow-light: rgba(0, 0, 0, 0.1);
  
  /* Feedback */
  --success: #28a745;
  --warning: #ffc107;
  --error: #dc3545;
}

/* Dark theme variables for manual toggling */
body.dark-theme {
  --primary: #3399ff;
  --primary-dark: #2673cc;
  --primary-light: #6699ff;

  --text-primary: #dddddd;
  --text-secondary: #bbbbbb; /* added for consistency */
  --text-disabled: #777777;  /* added for consistency */
  --text-muted: #999999;

  --bg-primary: #1e1e1e;
  --bg-secondary: #2a2a2a;
  --form-bg: #2a2a2a;
  --white: #2a2a2a;

  --border: #444444;
  --border-light: #333333;
  --border-medium: #555555;

  --material-icon: #3399ff;
  --material-icon-hover: #2673cc;

  --form-btn-bg-hover: #2673cc;

  --navbar-bg: #222222;
  --navbar-link: #cccccc;
  --navbar-link-hover: #3399ff;
  --navbar-link-hover-bg: rgba(51, 153, 255, 0.15);
  --navbar-text: #e0e0e0;

  --burger-bar: #cccccc;

  --icon-button: #3399ff;
  --icon-button-hover: #2673cc;
}