:root {
  --primary: rgb(171 210 144);
  --surface-tint: rgb(171 210 144);
  --on-primary: rgb(24 55 6);

  --primary-container: rgb(46 79 27);
  --primary-container-hover: rgb(63, 105, 39);
  
  --hover: rgba(255, 255, 255, 0.1);
  
  --on-primary-container: rgb(198 238 170);
  --secondary: rgb(189 203 175);
  --on-secondary: rgb(40 52 32);
  --secondary-container: rgb(62 74 53);
  --on-secondary-container: rgb(217 231 202);
  --tertiary: rgb(160 207 207);
  --on-tertiary: rgb(0 55 55);
  --tertiary-container: rgb(30 78 78);
  --on-tertiary-container: rgb(187 235 235);
  --error: rgb(255 180 171);
  --on-error: rgb(105 0 5);
  --error-container: rgb(147 0 10);
  --on-error-container: rgb(255 218 214);
  --background: rgb(17 20 14);
  --on-background: rgb(225 228 217);
  --surface: rgb(17 20 14);
  --on-surface: rgb(225 228 217);
  --surface-variant: rgb(67 72 62);
  --on-surface-variant: rgb(196 200 187);
  --outline: rgb(142 146 134);
  --outline-variant: rgb(67 72 62);
  --shadow: rgb(0 0 0);
  --scrim: rgb(0 0 0);
  --inverse-surface: rgb(225 228 217);
  --inverse-on-surface: rgb(46 49 43);
  --inverse-primary: rgb(69 103 49);

  --surface-dim: rgb(10, 11, 8);
  --surface-bright: rgb(55 58 51);
  --container-lowest: rgb(12 15 9);
  --container-low: rgb(25 29 22);
  --container: rgb(29 33 26);
  --container-high: rgb(40 43 36);
  --container-highest: rgb(51 54 47);
}



.light {
  --primary: rgb(69 103 49);
  --surface-tint: rgb(69 103 49);
  --on-primary: rgb(255 255 255);

  --primary-container: rgb(198 238 170);
  --primary-container-hover: rgb(186, 219, 162);

  --hover: rgba(0, 0, 0, 0.1);

  --on-primary-container: rgb(46 79 27);
  --secondary: rgb(85 98 75);
  --on-secondary: rgb(255 255 255);
  --secondary-container: rgb(217 231 202);
  --on-secondary-container: rgb(62 74 53);
  --tertiary: rgb(56 102 102);
  --on-tertiary: rgb(255 255 255);
  --tertiary-container: rgb(187 235 235);
  --on-tertiary-container: rgb(30 78 78);
  --error: rgb(186 26 26);
  --on-error: rgb(255 255 255);
  --error-container: rgb(255 218 214);
  --on-error-container: rgb(147 0 10);
  --background: rgb(248 250 240);
  --on-background: rgb(25 29 22);
  --surface: rgb(248 250 240);
  --on-surface: rgb(25 29 22);
  --surface-variant: rgb(224 228 214);
  --on-surface-variant: rgb(67 72 62);
  --outline: rgb(116 121 109);
  --outline-variant: rgb(196 200 187);
  --shadow: rgb(0 0 0);
  --scrim: rgb(0 0 0);
  --inverse-surface: rgb(46 49 43);
  --inverse-on-surface: rgb(240 242 231);
  --inverse-primary: rgb(171 210 144);

  --surface-dim: rgb(217 219 209);
  --surface-bright: rgb(248 250 240);
  --container-lowest: rgb(255 255 255);
  --container-low: rgb(243 245 234);
  --container: rgb(237 239 228);
  --container-high: rgb(231 233 223);
  --container-highest: rgb(225 228 217);
}