/*
 * Theme palettes only.
 *
 * Every value in a theme block is an opaque RGB channel triplet. Component
 * opacity, gradients, blur, borders and shadows belong to ui-foundation.css
 * or the component stylesheet, never to a theme.
 */
:root,
[data-theme="dark"] {
  color-scheme: dark;

  --color-bg: 14 10 26;
  --color-bg-alt: 19 13 36;
  --color-surface: 14 10 26;
  --color-surface-raised: 18 10 35;
  --color-surface-elevated: 10 6 22;

  --color-text-primary: 232 231 252;
  --color-text-secondary: 232 231 252;
  --color-text-muted: 94 82 120;
  --color-text-accent: 167 139 250;
  --color-on-accent: 232 231 252;
  --color-highlight: 232 231 252;

  --color-accent-deep: 75 0 130;
  --color-accent: 124 58 237;
  --color-accent-strong: 109 40 217;
  --color-accent-soft: 167 139 250;
  --color-accent-pale: 196 181 253;
  --color-shadow: 75 0 130;
  --color-neutral-shadow: 0 0 0;
  --color-scrollbar: 75 0 130;

  --color-success: 34 197 94;
  --color-warning: 245 158 11;
  --color-danger: 239 68 68;
  --color-danger-text: 248 113 113;

  --color-terminal-bg: 8 4 18;
  --color-terminal-shadow: 4 2 12;
  --color-syntax-keyword: 214 107 212;
  --color-syntax-module: 196 181 253;
  --color-syntax-class: 103 212 232;
  --color-syntax-function: 130 170 255;
  --color-syntax-string: 114 198 123;
  --color-syntax-number: 246 189 96;
  --color-syntax-boolean: 86 182 247;
  --color-terminal-dot-red: 255 96 92;
  --color-terminal-dot-yellow: 255 189 68;
  --color-terminal-dot-green: 0 202 78;

  --color-particle-1: 124 58 237;
  --color-particle-2: 75 0 130;
  --color-particle-3: 232 231 252;
  --color-particle-4: 167 139 250;
  --color-particle-5: 196 181 253;
  --color-particle-6: 109 40 217;
}

[data-theme="light"] {
  color-scheme: light;

  --color-bg: 248 246 255;
  --color-bg-alt: 241 236 250;
  --color-surface: 252 250 255;
  --color-surface-raised: 248 244 255;
  --color-surface-elevated: 236 228 247;

  --color-text-primary: 59 27 90;
  --color-text-secondary: 91 63 115;
  --color-text-muted: 138 116 160;
  --color-text-accent: 107 54 181;
  --color-on-accent: 252 249 255;
  --color-highlight: 255 255 255;

  --color-accent-deep: 76 29 149;
  --color-accent: 124 58 237;
  --color-accent-strong: 109 40 217;
  --color-accent-soft: 167 139 250;
  --color-accent-pale: 157 121 225;
  --color-shadow: 109 40 217;
  --color-neutral-shadow: 76 29 149;
  --color-scrollbar: 159 122 219;

  --color-success: 21 128 61;
  --color-warning: 180 83 9;
  --color-danger: 239 68 68;
  --color-danger-text: 220 38 38;

  --color-terminal-bg: 48 22 79;
  --color-terminal-shadow: 76 29 149;
  --color-syntax-keyword: 214 107 212;
  --color-syntax-module: 196 181 253;
  --color-syntax-class: 103 212 232;
  --color-syntax-function: 130 170 255;
  --color-syntax-string: 114 198 123;
  --color-syntax-number: 246 189 96;
  --color-syntax-boolean: 86 182 247;
  --color-terminal-dot-red: 255 96 92;
  --color-terminal-dot-yellow: 255 189 68;
  --color-terminal-dot-green: 0 202 78;

  --color-particle-1: 124 58 237;
  --color-particle-2: 109 40 217;
  --color-particle-3: 167 139 250;
  --color-particle-4: 196 181 253;
  --color-particle-5: 139 92 246;
  --color-particle-6: 91 33 182;
}