:root {
  /* Light theme tokens */
  --bg-surface: #F5F5F5;
  --bg-card: #FFFFFF;
  --card-highlight: #DDEAFB;

  --text-primary: #1C1C1C;
  --text-secondary: #494949;
  --text-body: #333333;
  --text-tertiary: #757575;

  --icon-primary: #1C1C1C;
  --icon-secondary: #494949;

  --border-line: #D9D9D9;

  --btn-primary-bg: #0B459C;
  --btn-secondary-bg: #336DD8;
  --btn-stroke: #0B459C;

  --state-success: #0EB505;
  --state-warning: #FFF475;
  --state-error: #E31717;

  --footer-copy: #494949;
  --side-nav-bg: #FFFFFF;
}

/* Dark theme overrides */
.dark-theme {
  --bg-surface: #323232;
  --bg-card: #434343;

  --text-primary: #E0E0E0;
  --text-secondary: #B3B3B3;
  --text-body: #CCCCCC;
  --text-tertiary: #757575;

  --icon-primary: #FFFFFF;
  --icon-secondary: #858585;

  --border-line: #757575;
  --btn-stroke: #FFFFFF;

  --footer-copy: #FFFFFF;
  --side-nav-bg: #434343;
}