:root { --color-bg: #fef6e4; --color-bg-offset:
  #f3e1d8; --color-text: #172c66;
  --color-text-offset: #006e8a; --color-border:
  #f3d2c1; --color-primary: #f582ae;
  --color-primary-offset: #ff3d6a; --color-secondary:
  #8bd3dd; } @media(prefers-color-scheme: dark) {
:root { --color-bg: #55423d; --color-bg-offset:
  #41312E; --color-text: #fffffe;
  --color-text-offset: #ffc0ad; --color-border:
  #271c19; --color-primary: #f3ab87;
  --color-primary-offset: #ffc0ad; --color-secondary:
  #e78fb3; } }

  [data-theme='default'] { --color-bg: #fef6e4; --color-bg-offset:
  #f3e1d8; --color-text: #172c66;
  --color-text-offset: #006e8a; --color-border:
  #f3d2c1; --color-primary: #f582ae;
  --color-primary-offset: #ff3d6a; --color-secondary:
  #8bd3dd; }

  [data-theme='dark'] { --color-bg: #55423d; --color-bg-offset:
  #41312E; --color-text: #fffffe;
  --color-text-offset: #ffc0ad; --color-border:
  #271c19; --color-primary: #f3ab87;
  --color-primary-offset: #ffc0ad; --color-secondary:
  #e78fb3; }