/* Original colour environments from the existing ICEMOON design. */
:root,
.dark {
  --audio-mid: 0;
  --audio-snare: 0;
  --audio-groove: 0;
  --conductor-logo-filter-motion: filter 160ms ease-out;
  --conductor-logo-color-motion: opacity 120ms linear, transform 150ms ease-out;
  --background: #030506;
  --foreground: #f5f7f7;
  --card: #090d0f;
  --card-foreground: #f5f7f7;
  --primary: #00bcd8;
  --primary-foreground: #001216;
  --secondary: #141a1d;
  --secondary-foreground: #e9edef;
  --muted: #141a1d;
  --muted-foreground: #89979d;
  --accent: #102a30;
  --accent-foreground: #e8fbff;
  --destructive: #cb160c;
  --border: rgba(255, 255, 255, 0.12);
  --input: rgba(255, 255, 255, 0.15);
  --ring: #00bcd8;
  --environment-glow: rgba(0, 188, 216, 0.12);
  --environment-wash: rgba(0, 188, 216, 0.035);
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

html[data-theme='carrot'] {
  --primary: #c46a2d;
  --primary-foreground: #170902;
  --accent: #302017;
  --accent-foreground: #fff3e7;
  --ring: #c46a2d;
  --muted-foreground: #a59689;
  --environment-glow: rgba(196, 106, 45, 0.17);
  --environment-wash: rgba(196, 106, 45, 0.055);
}

html[data-theme='rdr2'] {
  --background: #050504;
  --card: #1c1916;
  --primary: #e34a3b;
  --primary-foreground: #fff4ec;
  --secondary: #1c1916;
  --secondary-foreground: #faf6ed;
  --muted: #191714;
  --muted-foreground: #c2bbae;
  --accent: #26110f;
  --accent-foreground: #faf6ed;
  --ring: #e34a3b;
  --environment-glow: rgba(204, 0, 0, 0.17);
  --environment-wash: rgba(204, 0, 0, 0.05);
}

html[data-theme='matrix'] {
  --background: #020604;
  --foreground: #eafff2;
  --card: #06100b;
  --card-foreground: #eafff2;
  --primary: #00e676;
  --primary-foreground: #001f10;
  --secondary: #0a1710;
  --secondary-foreground: #dfffea;
  --muted: #0a1710;
  --muted-foreground: #91aa9a;
  --accent: #0a2919;
  --accent-foreground: #eafff2;
  --ring: #00e676;
  --environment-glow: rgba(0, 230, 118, 0.15);
  --environment-wash: rgba(0, 230, 118, 0.04);
}

html[data-theme='magenta'] {
  --background: #070207;
  --foreground: #fff1ff;
  --card: #100610;
  --card-foreground: #fff1ff;
  --primary: #ff00ff;
  --primary-foreground: #210021;
  --secondary: #1b0a1b;
  --secondary-foreground: #ffe8ff;
  --muted: #1b0a1b;
  --muted-foreground: #b79db7;
  --accent: #320f32;
  --accent-foreground: #fff1ff;
  --ring: #ff00ff;
  --environment-glow: rgba(255, 0, 255, 0.15);
  --environment-wash: rgba(255, 0, 255, 0.04);
}

html[data-theme='gold'] {
  --background: #070603;
  --foreground: #fff9e8;
  --card: #100d06;
  --card-foreground: #fff9e8;
  --primary: #e6b84a;
  --primary-foreground: #211600;
  --secondary: #1c170b;
  --secondary-foreground: #fff3cf;
  --muted: #1c170b;
  --muted-foreground: #b8aa83;
  --accent: #30240c;
  --accent-foreground: #fff9e8;
  --ring: #e6b84a;
  --environment-glow: rgba(230, 184, 74, 0.15);
  --environment-wash: rgba(230, 184, 74, 0.04);
}

html[data-theme='ultraviolet'] {
  --background: #050308;
  --foreground: #f8f0ff;
  --card: #0d0713;
  --card-foreground: #f8f0ff;
  --primary: #a970ff;
  --primary-foreground: #16002c;
  --secondary: #171020;
  --secondary-foreground: #f2e6ff;
  --muted: #171020;
  --muted-foreground: #aa9ab9;
  --accent: #25113e;
  --accent-foreground: #f8f0ff;
  --ring: #a970ff;
  --environment-glow: rgba(169, 112, 255, 0.16);
  --environment-wash: rgba(169, 112, 255, 0.045);
}

html[data-theme='monochrome'] {
  --background: #050505;
  --foreground: #f4f4f2;
  --card: #0d0d0d;
  --card-foreground: #f4f4f2;
  --primary: #d5d7d6;
  --primary-foreground: #111212;
  --secondary: #181919;
  --secondary-foreground: #eeeeeb;
  --muted: #181919;
  --muted-foreground: #a4a7a6;
  --accent: #282a29;
  --accent-foreground: #ffffff;
  --ring: #d5d7d6;
  --environment-glow: rgba(213, 215, 214, 0.11);
  --environment-wash: rgba(213, 215, 214, 0.025);
}