:root {
  --bg-main: #f2eee4;
  --text-main: #282219;
  --text-sub: #5f564a;
  --logo-gray: #282219;

  --accent-jade: #282219;
  --accent-white: #ffffff;

  --danger: #8f3f2c;

  --glass-bg: rgba(249, 246, 239, 0.7);
  --glass-border: rgba(40, 34, 25, 0.15);
  --glass-shadow: rgba(0, 0, 0, 0.08);

  --radius: 14px;
  --radius-sm: 6px;

  --footer-bg: #282219;
  --footer-text: #f2eee4;
  --footer-text-sub: #a99e8c;
  --footer-border: rgba(242, 238, 228, 0.16);

  --shippou-color: #e6e0d2;
  --shippou-line: rgba(40, 34, 25, 0.034);

  --particle-color-1: 60, 60, 60;
  --particle-color-2: 120, 120, 120;
  --particle-color-3: 90, 90, 90;
  --particle-alpha: 0.3;

  --value-dim: 14%;

  --halo-rgb: 104, 94, 78;
  --halo-a1: 0.12;
  --halo-a2: 0.05;
  --glow-a: 0.14;

  --bg-rgb: 242, 238, 228;
  --card-bg: #fdfaf4;
  --jade-rgb: 40 34 25;
  --lime-400-rgb: 156 163 175;
  --lime-500-rgb: 107 114 128;
  --lime-600-rgb: 75 85 99;
  --lime-700-rgb: 55 65 81;
  --lime-800-rgb: 31 41 55;
}

[data-theme="dark"] {
  --bg-main: #1c2029;
  --text-main: #e8ecf2;
  --text-sub: #a6afbc;
  --logo-gray: #e8ecf2;

  --accent-jade: #e8ecf2;
  --accent-white: #ffffff;

  --danger: #e2a49e;

  --glass-bg: rgba(34, 39, 49, 0.7);
  --glass-border: rgba(255, 255, 255, 0.15);
  --glass-shadow: rgba(0, 0, 0, 0.35);

  --footer-bg: #141821;
  --footer-text: #e8ecf2;
  --footer-text-sub: #a6afbc;
  --footer-border: rgba(255, 255, 255, 0.12);

  --shippou-color: #262b36;
  --shippou-line: rgba(255, 255, 255, 0.028);

  --particle-color-1: 200, 200, 200;
  --particle-color-2: 150, 150, 150;
  --particle-color-3: 180, 180, 180;
  --particle-alpha: 0.3;

  --value-dim: 16%;

  --halo-rgb: 255, 255, 255;
  --halo-a1: 0.26;
  --halo-a2: 0.1;
  --glow-a: 0.34;

  --bg-rgb: 28, 32, 41;
  --card-bg: #2a303c;
  --jade-rgb: 232 236 242;
  --lime-400-rgb: 107 114 128;
  --lime-500-rgb: 156 163 175;
  --lime-600-rgb: 203 213 225;
  --lime-700-rgb: 229 231 235;
  --lime-800-rgb: 243 244 246;
}