:root{
  color-scheme: light dark;
  --panel-bg: #2C4027;
  --panel-fg: #F1EDDA;
  --paper: #E8E3CC;
  --paper2: #F1EDDA;
  --surface: #F5F1E0;
  --ink: #26312A;
  --vine: #3C5536;
  --vine-deep: #2C4027;
  --sun: #C98A1B;
  --sun-deep: #8A5E08;
  --plum: #6E3B4E;
  --line: #C7C1A6;
  --focus: #8A5E08;
  --btn-bg: #8A5E08;
  --btn-fg: #F7F3E4;
  --btn-bg-hover: #6E4A07;
  --chip-bg: #E2DCC0;
  --chip-fg: #26312A;
  --bubble-user-bg: #3C5536;
  --bubble-user-fg: #F1EDDA;
  --bubble-solis-bg: #F5F1E0;
  --bubble-solis-fg: #26312A;
  --sun-line: #C98A1B;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper: #161C14;
    --paper2: #1D241C;
    --surface: #202820;
    --ink: #EAE3CC;
    --vine: #A6B28B;
    --vine-deep: #8C9A72;
    --sun: #E0A93F;
    --sun-deep: #C98A1B;
    --plum: #C291A4;
    --line: #37402F;
    --focus: #E0A93F;
    --btn-bg: #D8A43A;
    --btn-fg: #1B2319;
    --btn-bg-hover: #E0B04D;
    --chip-bg: #28311F;
    --chip-fg: #EAE3CC;
    --bubble-user-bg: #46543A;
    --bubble-user-fg: #F1EDDA;
    --bubble-solis-bg: #202820;
    --bubble-solis-fg: #EAE3CC;
    --sun-line: #E0A93F;
  --panel-bg: #1B2419;
  --panel-fg: #EAE3CC;
  }
}

:root[data-theme="dark"]{
    --paper: #161C14;
    --paper2: #1D241C;
    --surface: #202820;
    --ink: #EAE3CC;
    --vine: #A6B28B;
    --vine-deep: #8C9A72;
    --sun: #E0A93F;
    --sun-deep: #C98A1B;
    --plum: #C291A4;
    --line: #37402F;
    --focus: #E0A93F;
    --btn-bg: #D8A43A;
    --btn-fg: #1B2319;
    --btn-bg-hover: #E0B04D;
    --chip-bg: #28311F;
    --chip-fg: #EAE3CC;
    --bubble-user-bg: #46543A;
    --bubble-user-fg: #F1EDDA;
    --bubble-solis-bg: #202820;
    --bubble-solis-fg: #EAE3CC;
    --sun-line: #E0A93F;
  --panel-bg: #1B2419;
  --panel-fg: #EAE3CC;
}