:root{
  --page-bg: #0a0605;
  --panel: #1a100d;
  --panel-2: #1f1410;
  --orange: #d4550a;
  --orange-deep: #992f05;
  --orange-shadow: rgba(212,85,10,0.45);
  --accent: var(--orange);
  --send-icon: #fff0e8;
  --text: #f8e7e0;
  --muted: #c9a08a;
  --radius: 14px;
  
  transition: 
    --page-bg 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --panel 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --panel-2 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --orange 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --orange-deep 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --orange-shadow 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --text 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    --muted 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-midnight-amber {
  --page-bg: #0a0605;
  --panel: #1a100d;
  --panel-2: #1f1410;
  --orange: #d4550a;
  --orange-deep: #992f05;
  --orange-shadow: rgba(212,85,10,0.45);
  --accent: var(--orange);
  --send-icon: #fff0e8;
  --text: #f8e7e0;
  --muted: #c9a08a;
  --radius: 14px;
}

.theme-midnight-blueberry {
  --page-bg: #061025;
  --panel: #0f1722;
  --panel-2: #0b1a2a;
  --orange: #2f6bd4;
  --orange-deep: #1f3f78;
  --orange-shadow: rgba(47,107,212,0.22);
  --accent: var(--orange);
  --send-icon: #eaf4ff;
  --text: #e8f1ff;
  --muted: #9fb8d7;
  --radius: 14px;
}

.theme-midnight-grape {
  --page-bg: #0a0610;
  --panel: #171021;
  --panel-2: #221227;
  --orange: #8f3fb1;
  --orange-deep: #5b2a75;
  --orange-shadow: rgba(143,63,177,0.26);
  --accent: var(--orange);
  --send-icon: #fff2ff;
  --text: #f6eefd;
  --muted: #c9a0cc;
  --radius: 14px;
}


.light-scheme {
  --page-bg: #f5f5f7;
  --panel: #ffffff;
  --panel-2: #f0f0f2;
  --text: #1a1a1a;
  --muted: #6b6b6b;
}


.light-scheme.theme-midnight-amber {
  --orange: #c4470a;
  --orange-deep: #9a3807;
  --orange-shadow: rgba(196,71,10,0.16);
  --accent: var(--orange);
}


.light-scheme.theme-midnight-blueberry {
  --orange: #2563b8;
  --orange-deep: #1a4d94;
  --orange-shadow: rgba(37,99,184,0.16);
  --accent: var(--orange);
}


.light-scheme.theme-midnight-grape {
  --orange: #7c35a0;
  --orange-deep: #5e2878;
  --orange-shadow: rgba(124,53,160,0.16);
  --accent: var(--orange);
}