:root {
  --primary: rgb(165 200 255);
  --surface-tint: rgb(165 200 255);
  --on-primary: rgb(0 49 94);
  --primary-container: rgb(34 72 118);
  --on-primary-container: rgb(212 227 255);

  --secondary: rgb(188 199 220);
  --on-secondary: rgb(39 49 65);
  --secondary-container: rgb(61 71 88);
  --on-secondary-container: rgb(216 227 248);

  --tertiary: rgb(133 214 192);
  --on-tertiary: rgb(0 56 45);
  --tertiary-container: rgb(0 81 67);
  --on-tertiary-container: rgb(161 242 219);

  --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 19 24);
  --on-background: rgb(225 226 233);
  --surface: rgb(17 19 24);
  --on-surface: rgb(225 226 233);
  --surface-variant: rgb(67 71 78);
  --on-surface-variant: rgb(195 198 207);
  --outline: rgb(141 145 153);
  --outline-variant: rgb(67 71 78);
  --shadow: rgb(0 0 0);
  --scrim: rgb(0 0 0);

  --inverse-surface: rgb(225 226 233);
  --inverse-on-surface: rgb(46 48 53);
  --inverse-primary: rgb(60 96 144);

  --surface-dim: rgb(17 19 24);
  --surface-bright: rgb(55 57 62);

  --container-lowest: rgb(12 14 19);
  --container-low: rgb(25 28 32);
  --container: rgb(29 32 36);
  --container-high: rgb(40 42 47);
  --container-highest: rgb(50 53 58);

  --input-label: rgb(102, 104, 110);
}



.light {
  --primary: rgb(60 96 144);
  --surface-tint: rgb(60 96 144);
  --on-primary: rgb(255 255 255);
  --primary-container: rgb(212 227 255);
  --on-primary-container: rgb(34 72 118);

  --secondary: rgb(84 95 113);
  --on-secondary: rgb(255 255 255);
  --secondary-container: rgb(216 227 248);
  --on-secondary-container: rgb(61 71 88);

  --tertiary: rgb(11 107 89);
  --on-tertiary: rgb(255 255 255);
  --tertiary-container: rgb(161 242 219);
  --on-tertiary-container: rgb(0 81 67);

  --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(249 249 255);
  --on-background: rgb(25 28 32);
  --surface: rgb(249 249 255);
  --on-surface: rgb(25 28 32);
  --surface-variant: rgb(224 226 236);
  --on-surface-variant: rgb(67 71 78);
  --outline: rgb(116 119 127);
  --outline-variant: rgb(195 198 207);
  --shadow: rgb(0 0 0);
  --scrim: rgb(0 0 0);

  --inverse-surface: rgb(46 48 53);
  --inverse-on-surface: rgb(240 240 247);
  --inverse-primary: rgb(165 200 255);

  --surface-dim: rgb(217 218 224);
  --surface-bright: rgb(249 249 255);

  --container-lowest: rgb(255 255 255);
  --container-low: rgb(242 243 250);
  --container: rgb(237 237 244);
  --container-high: rgb(231 232 238);
  --container-highest: rgb(225 226 233);

  --input-label: rgb(151, 160, 174);
}