:root {
   --primary-background-color: #0064c8;
   --primary-foreground-color: #ffffff;
   --primary-background-deg: 0deg;
   --primary-background-start: #ffffff00;
   --primary-background-end: #ffffff00;
   --secondary-background-color: #44b2bc;
   --secondary-foreground-color: #ffffff;
   --secondary-background-deg: 0deg;
   --secondary-background-start: #ffffff00;
   --secondary-background-end: #ffffff00;
   --layout-background-color: #e6e6e6;
   --layout-foreground-color: #000000;
   --layout-background-deg: 0deg;
   --layout-background-start: #ffffff00;
   --layout-background-end: #ffffff00;
   --page-background-color: #ffffff;
   --page-foreground-color: #000000;
   --page-background-deg: 0deg;
   --page-background-start: #ffffff00;
   --page-background-end: #ffffff00;
   --input-background-color: #ffffff;
   --input-foreground-color: #000000;
   --input-background-deg: 0deg;
   --input-background-start: #ffffff00;
   --input-background-end: #ffffff00;
   --error-background-color: #ffffff00;
   --error-foreground-color: #ff0000;
   --error-background-deg: 0deg;
   --error-background-start: #ffffff00;
   --error-background-end: #ffffff00;
   --warning-background-color: #ffffff00;
   --warning-foreground-color: #d2c10b;
   --warning-background-deg: 0deg;
   --warning-background-start: #ffffff00;
   --warning-background-end: #ffffff00;
   --readonly-background-color: #dbdbdb;
   --readonly-foreground-color: #c2c2c2;
   --readonly-background-deg: 0deg;
   --readonly-background-start: #ffffff00;
   --readonly-background-end: #ffffff00;
   --highlight-background-color: #ebf2f9;
   --highlight-foreground-color: #000000;
   --highlight-background-deg: 0deg;
   --highlight-background-start: #ffffff00;
   --highlight-background-end: #ffffff00;
   --hover-background-color: #c1e5e7;
   --hover-foreground-color: #000000;
   --hover-background-deg: 0deg;
   --hover-background-start: #ffffff00;
   --hover-background-end: #ffffff00;
   --accent-1-color: #d24b4b;
   --accent-2-color: #ebdc4b;
   --accent-3-color: #64d278;
   --accent-4-color: #6478d2;
   --accent-5-color: #c8c8c8;
   --border-1-color: #004080;
   --border-2-color: #2b7178;
   --border-3-color: #000000;
}

[data-theme="pale"] {
   --primary-background-color: #83d383;
   --primary-foreground-color: #000000;
   --primary-background-deg: 0deg;
   --primary-background-start: #ffffff00;
   --primary-background-end: #ffffff00;
   --secondary-background-color: #8cb48c;
   --secondary-foreground-color: #000000;
   --secondary-background-deg: 0deg;
   --secondary-background-start: #ffffff00;
   --secondary-background-end: #ffffff00;
   --layout-background-color: #ffffff;
   --layout-foreground-color: #000000;
   --layout-background-deg: 180deg;
   --layout-background-start: #ffffff00;
   --layout-background-end: #00000005;
   --page-background-color: #ffffff;
   --page-foreground-color: #000000;
   --page-background-deg: 0deg;
   --page-background-start: #ffffff00;
   --page-background-end: #ffffff00;
   --input-background-color: #fbebdb;
   --input-foreground-color: #000000;
   --input-background-deg: 180deg;
   --input-background-start: #ffffff00;
   --input-background-end: #ffffffb2;
   --error-background-color: #ffc8c8;
   --error-foreground-color: #ff0000;
   --error-background-deg: 0deg;
   --error-background-start: #ffffff00;
   --error-background-end: #ffffff00;
   --warning-background-color: #ffffff00;
   --warning-foreground-color: #b8860b;
   --warning-background-deg: 0deg;
   --warning-background-start: #ffffff00;
   --warning-background-end: #ffffff00;
   --readonly-background-color: #00000000;
   --readonly-foreground-color: #c8c8c8;
   --readonly-background-deg: 0deg;
   --readonly-background-start: #ffffff00;
   --readonly-background-end: #ffffff00;
   --highlight-background-color: #ecf7ec;
   --highlight-foreground-color: #000000;
   --highlight-background-deg: 0deg;
   --highlight-background-start: #ffffff00;
   --highlight-background-end: #ffffff00;
   --hover-background-color: #d8e5d8;
   --hover-foreground-color: #000000;
   --hover-background-deg: 0deg;
   --hover-background-start: #ffffff00;
   --hover-background-end: #ffffff00;
   --accent-1-color: #ffebeb;
   --accent-2-color: #ffffeb;
   --accent-3-color: #c8ffd7;
   --accent-4-color: #c8d7ff;
   --accent-5-color: #e0e0e0;
   --border-1-color: #afe2af;
   --border-2-color: #b5cfb5;
   --border-3-color: #000000;
}

[data-theme="dark"] {
   --primary-background-color: #3c0078;
   --primary-foreground-color: #c8c8c8;
   --primary-background-deg: 135deg;
   --primary-background-start: #ffffff00;
   --primary-background-end: #0000000c;
   --secondary-background-color: #641c7b;
   --secondary-foreground-color: #c8c8c8;
   --secondary-background-deg: 0deg;
   --secondary-background-start: #ffffff00;
   --secondary-background-end: #ffffff00;
   --layout-background-color: #282828;
   --layout-foreground-color: #c8c8c8;
   --layout-background-deg: 0deg;
   --layout-background-start: #ffffff00;
   --layout-background-end: #ffffff00;
   --page-background-color: #505050;
   --page-foreground-color: #c8c8c8;
   --page-background-deg: 0deg;
   --page-background-start: #ffffff00;
   --page-background-end: #ffffff00;
   --input-background-color: #141414;
   --input-foreground-color: #c8c8c8;
   --input-background-deg: 0deg;
   --input-background-start: #ffffff00;
   --input-background-end: #ffffff00;
   --error-background-color: #ffffff00;
   --error-foreground-color: #dc0000;
   --error-background-deg: 0deg;
   --error-background-start: #ffffff00;
   --error-background-end: #ffffff00;
   --warning-background-color: #ffffff00;
   --warning-foreground-color: #b8860b;
   --warning-background-deg: 0deg;
   --warning-background-start: #ffffff00;
   --warning-background-end: #ffffff00;
   --readonly-background-color: #646464;
   --readonly-foreground-color: #a0a0a0;
   --readonly-background-deg: 0deg;
   --readonly-background-start: #ffffff00;
   --readonly-background-end: #ffffff00;
   --highlight-background-color: #9b6daa;
   --highlight-foreground-color: #ffffff;
   --highlight-background-deg: 0deg;
   --highlight-background-start: #ffffff00;
   --highlight-background-end: #ffffff00;
   --hover-background-color: #cbb3d3;
   --hover-foreground-color: #ffffff;
   --hover-background-deg: 0deg;
   --hover-background-start: #ffffff00;
   --hover-background-end: #ffffff00;
   --accent-1-color: #960a00;
   --accent-2-color: #968705;
   --accent-3-color: #007814;
   --accent-4-color: #0050b4;
   --accent-5-color: #808080;
   --border-1-color: #633393;
   --border-2-color: #646464;
   --border-3-color: #ffffff;
}