/* Y / DooMChaT brand v2 — channel RGB for Tailwind rgb(var(--x)/op) */
:root {
  /* primary copper #c47a3a scale */
  --color-primary-50: 250 244 239;
  --color-primary-100: 243 228 214;
  --color-primary-200: 230 196 168;
  --color-primary-300: 217 164 122;
  --color-primary-400: 204 138 85;
  --color-primary-500: 196 122 58;
  --color-primary-600: 168 99 47;
  --color-primary-700: 138 79 38;
  --color-primary-800: 108 61 30;
  --color-primary-900: 78 44 22;
  /* accent / secondary #e09a5c */
  --color-secondary-50: 252 244 236;
  --color-secondary-100: 248 230 210;
  --color-secondary-200: 240 200 160;
  --color-secondary-300: 232 178 120;
  --color-secondary-400: 228 166 106;
  --color-secondary-500: 224 154 92;
  --color-secondary-600: 196 128 72;
  --color-secondary-700: 160 100 56;
  --color-secondary-800: 120 72 40;
  --color-secondary-900: 80 48 28;
  --color-accent-50: 252 244 236;
  --color-accent-100: 248 230 210;
  --color-accent-200: 240 200 160;
  --color-accent-300: 232 178 120;
  --color-accent-400: 228 166 106;
  --color-accent-500: 224 154 92;
  --color-accent-600: 196 128 72;
  --color-accent-700: 160 100 56;
  --color-accent-800: 120 72 40;
  --color-accent-900: 80 48 28;
  /* dark grays */
  --color-gray-50: 244 244 245;
  --color-gray-100: 228 228 231;
  --color-gray-200: 161 161 170;
  --color-gray-300: 113 113 122;
  --color-gray-400: 82 82 91;
  --color-gray-500: 63 63 70;
  --color-gray-600: 39 39 42;
  --color-gray-700: 28 28 31;
  --color-gray-800: 18 18 20;
  --color-gray-900: 10 10 11;
  color-scheme: dark;
}

html, body, #soapbox {
  background: #0a0a0b !important;
  background-color: #0a0a0b !important;
  color: #e4e4e7;
}

html.theme-mode-light,
html.theme-mode-system,
body.theme-mode-light,
body.theme-mode-system {
  background: #0a0a0b !important;
  background-color: #0a0a0b !important;
}

/* Force copper on primary utility classes Tailwind may emit */
.bg-primary-50 { background-color: rgb(250 244 239) !important; }
.bg-primary-100 { background-color: rgb(243 228 214) !important; }
.bg-primary-200 { background-color: rgb(230 196 168) !important; }
.bg-primary-300 { background-color: rgb(217 164 122) !important; }
.bg-primary-400 { background-color: rgb(204 138 85) !important; }
.bg-primary-500 { background-color: rgb(196 122 58) !important; }
.bg-primary-600 { background-color: rgb(168 99 47) !important; }
.bg-primary-700 { background-color: rgb(138 79 38) !important; }
.bg-primary-800 { background-color: rgb(108 61 30) !important; }
.bg-primary-900 { background-color: rgb(78 44 22) !important; }

.text-primary-500 { color: rgb(196 122 58) !important; }
.text-primary-600 { color: rgb(168 99 47) !important; }
.border-primary-500 { border-color: rgb(196 122 58) !important; }
.border-primary-600 { border-color: rgb(168 99 47) !important; }

.bg-accent-500, .bg-secondary-500 { background-color: rgb(224 154 92) !important; }
.text-accent-500, .text-secondary-500 { color: rgb(224 154 92) !important; }

button.bg-primary-500,
a.bg-primary-500,
a.text-primary-600 {
  background-color: rgb(196 122 58) !important;
}