html:root {
  --background: #f7f5f3;
  --foreground: #0e0a07;
  --card: #ffffff;
  --card-foreground: #0e0a07;
  --popover: #ffffff;
  --popover-foreground: #0e0a07;
  --primary: #eeff00;
  --primary-foreground: #0e0a07;
  --primary-hover: #ffffff;
  --primary-strong: #8b9500;
  --link: #697100;
  --secondary: #efedeb;
  --secondary-foreground: #0e0a07;
  --muted: #efedeb;
  --muted-foreground: #706a66;
  --accent: #efedeb;
  --accent-foreground: #0e0a07;
  --destructive: #d43035;
  --border: #e3e1df;
  --input: #e3e1df;
  --input-border: #908e8c;
  --ring: #8e8783;
  --focus-ring: #8e8783;
  --success-soft: #deffe8;
  --success-soft-foreground: #3e5b48;
  --info-soft: #e7f9ff;
  --info-soft-foreground: #48565b;
  --warning-soft: #fff4de;
  --warning-soft-foreground: #5c5240;
  --danger-soft: #fff2f0;
  --danger-soft-foreground: #5b5150;
  --neutral-soft: #f8f4f1;
  --neutral-soft-foreground: #58524d;
  --radius: 0.45rem;
}
html.dark {
  --background: #0c0a09;
  --foreground: #fef7f3;
  --card: #1c1917;
  --card-foreground: #fef7f3;
  --popover: #1c1917;
  --popover-foreground: #fef7f3;
  --primary: #005f78;
  --primary-foreground: #ffffff;
  --primary-hover: #005066;
  --primary-strong: #1c6e87;
  --link: #3e8ba5;
  --secondary: #110f0e;
  --secondary-foreground: #fef7f3;
  --muted: #110f0e;
  --muted-foreground: #87807c;
  --accent: #110f0e;
  --accent-foreground: #fef7f3;
  --destructive: #ff6661;
  --border: #191716;
  --input: #191716;
  --input-border: #676563;
  --ring: #6b6460;
  --focus-ring: #6b6460;
  --success-soft: #012913;
  --success-soft-foreground: #8cb79a;
  --info-soft: #002530;
  --info-soft-foreground: #8cb1bf;
  --warning-soft: #2c1e00;
  --warning-soft-foreground: #baa987;
  --danger-soft: #381311;
  --danger-soft-foreground: #e0968f;
  --neutral-soft: #23201e;
  --neutral-soft-foreground: #b2a9a5;
  --radius: 0.45rem;
}