:root {
  /* Brand colors */
  --color-navy:        #1a3668;
  --color-green:       #81be41;
  --color-teal:        #1c756d;
  --color-light-green: #c9e099;
  --color-steel-blue:  #97bada;
  /* Light theme (default) */
  --bg-primary:        #f8f9fa;
  --bg-secondary:      #ffffff;
  --bg-nav:            #1a3668;
  --text-primary:      #231f20;
  --text-secondary:    #555555;
  --text-nav:          #ffffff;
  --border-color:      #e0e0e0;
  --card-shadow:       0 2px 8px rgba(0,0,0,0.08);
  /* Semantic */
  --color-active:      #81be41;
  --color-complete:    #1c756d;
  --color-on-hold:     #f0a500;
  --color-restricted:  #1a3668;
  /* Typography */
  --font-primary:      'Newtown', serif;
  --font-secondary:    'Montserrat', sans-serif;
}

[data-theme="dark"] {
  --bg-primary:        #1a1a2e;
  --bg-secondary:      #16213e;
  --bg-nav:            #0f1a2e;
  --text-primary:      #f0f0f0;
  --text-secondary:    #aaaaaa;
  --border-color:      #2a2a4a;
  --card-shadow:       0 2px 8px rgba(0,0,0,0.3);
}