.theme-ocean {
  --accent: 80,160,220;
  --accent-dim: 50,120,180;
  --accent-dark: 40,80,140;
  --bg-tint: 15,30,60;
  --screen-bg: 2,6,16;
  --text-primary: 210,230,250;
  --text-secondary: 160,195,230;
  --text-muted: 130,165,200;
  --grad-start: #60c0ff;
  --grad-end: #40e0d0;
}

.theme-crimson {
  --accent: 220,80,100;
  --accent-dim: 180,50,70;
  --accent-dark: 140,30,50;
  --bg-tint: 60,15,20;
  --screen-bg: 14,2,4;
  --text-primary: 255,220,225;
  --text-secondary: 230,180,190;
  --text-muted: 200,150,160;
  --grad-start: #ff6080;
  --grad-end: #ffa040;
}

.theme-emerald {
  --accent: 80,200,140;
  --accent-dim: 50,160,100;
  --accent-dark: 30,120,70;
  --bg-tint: 15,50,30;
  --screen-bg: 2,12,6;
  --text-primary: 215,250,230;
  --text-secondary: 170,220,195;
  --text-muted: 140,190,165;
  --grad-start: #50e0a0;
  --grad-end: #80d0ff;
}

.theme-solar {
  --accent: 230,170,60;
  --accent-dim: 200,140,40;
  --accent-dark: 160,100,20;
  --bg-tint: 50,35,10;
  --screen-bg: 14,8,2;
  --text-primary: 255,240,215;
  --text-secondary: 230,210,175;
  --text-muted: 200,180,145;
  --grad-start: #ffc040;
  --grad-end: #ff8060;
}