html:root {
  --background: #f4eee6;
  --foreground: #0e0b07;
  --card: #faf8f5;
  --card-foreground: #0e0b07;
  --popover: #faf8f5;
  --popover-foreground: #0e0b07;
  --primary: #002c5f;
  --primary-foreground: #ffffff;
  --primary-hover: #002049;
  --primary-strong: #002c5f;
  --link: #002c5f;
  --secondary: #ece6de;
  --secondary-foreground: #0e0b07;
  --muted: #ece6de;
  --muted-foreground: #6c6762;
  --accent: #ece6de;
  --accent-foreground: #0e0b07;
  --destructive: #cf2a31;
  --border: #e0dad2;
  --input: #e0dad2;
  --input-border: #8f8982;
  --ring: #88837e;
  --focus-ring: #88837e;
  --success-soft: #d5f9e0;
  --success-soft-foreground: #245b3b;
  --info-soft: #d7f4ff;
  --info-soft-foreground: #3b535d;
  --warning-soft: #feedc9;
  --warning-soft-foreground: #5d4e2d;
  --danger-soft: #ffe8e6;
  --danger-soft-foreground: #5d4a49;
  --neutral-soft: #f1eeea;
  --neutral-soft-foreground: #544f49;
  --radius: 0.15rem;
}
html.dark {
  --background: #343434;
  --foreground: #f8f8f8;
  --card: #212121;
  --card-foreground: #f8f8f8;
  --popover: #212121;
  --popover-foreground: #f8f8f8;
  --primary: #00aad2;
  --primary-foreground: #000000;
  --primary-hover: #2bbae3;
  --primary-strong: #00aad2;
  --link: #18b1d9;
  --secondary: #3a3a3a;
  --secondary-foreground: #f8f8f8;
  --muted: #3a3a3a;
  --muted-foreground: #a3a3a3;
  --accent: #3a3a3a;
  --accent-foreground: #f8f8f8;
  --destructive: #ff6c67;
  --border: #444444;
  --input: #444444;
  --input-border: #7d7d7d;
  --ring: #838383;
  --focus-ring: #838383;
  --success-soft: #08311b;
  --success-soft-foreground: #90c1a0;
  --info-soft: #002e3a;
  --info-soft-foreground: #90bbcc;
  --warning-soft: #352600;
  --warning-soft-foreground: #c4b18a;
  --danger-soft: #411b19;
  --danger-soft-foreground: #e89e98;
  --neutral-soft: #2b2728;
  --neutral-soft-foreground: #bbb0b3;
  --radius: 0.15rem;
}