:root {
--primary: rgb(54, 84, 118);
--primary-content: rgb(245, 247, 250);

--accent: rgb(0, 151, 70);
--accent-content: rgb(237, 255, 245);

--mobile-header: rgb(62, 99, 139);

--gradient-from: rgba(54, 84, 118, 0.8);
--gradient-to: rgba(255, 255, 255, 0.8);

--base-100: rgb(255, 255, 255);
--base-200: rgb(248, 248, 248);
--base-300: rgb(238, 238, 238);
--base-content: rgb(24, 24, 27);

}

html[data-theme="dark"] {
  --primary: rgb(245, 247, 250);
  --primary-content: rgb(54, 84, 118);

  --accent: rgb(237, 255, 245);
  --accent-content: rgb(0, 151, 70);

  --mobile-header: rgb(62, 99, 139);

  --dark-gradient-from: rgba(54, 84, 118, 0.8);
  --dark-gradient-to: rgba(40, 42, 54, 0.8);

  --base-100: rgb(40, 42, 54);
  --base-200: rgb(35, 37, 48);
  --base-300: rgb(31, 32, 42);
  --base-content: rgb(248, 248, 243);
}