/* Shared appearance tokens. Dark remains the default for existing accounts. */
:root {
  color-scheme: dark;
  --hd-canvas: 13 13 18;
  --hd-surface: 19 19 26;
  --hd-raised: 26 26 36;
  --hd-raised-hover: 26 26 46;
  --hd-border: 42 42 58;
  --hd-dim: 58 58 74;
  --hd-border-strong: 58 58 78;
  --hd-text: 241 241 245;
  --hd-muted: 107 114 128;
  --hd-secondary: 156 163 175;
  --hd-secondary-alt: 156 160 179;
  --hd-accent: 79 142 247;
  --hd-accent-hover: 61 124 232;
  --hd-accent-text: 123 168 249;
  --hd-blue-tint: 31 42 68;
  --hd-amber-tint: 61 51 32;
  --hd-unread: 26 26 24;
  --hd-escalated: 26 10 10;
  --hd-purple-text: 192 132 252;
  --hd-purple-soft: 196 181 253;
  --hd-danger-text: 252 165 165;
  --hd-link: 145 184 255;
  --hd-text-soft: 209 213 219;
  --hd-text-soft-alt: 209 209 216;
  --hd-text-dim: 196 201 212;
  --hd-text-dim-alt: 196 196 207;
  --hd-purple-label: 216 180 254;
  --hd-green-label: 74 222 128;
  --hd-faint: 74 74 90;
  --hd-amber-label: 252 211 77;
  --hd-wait-short: 245 185 66;
  --hd-wait-medium: 251 146 60;
  --hd-wait-long: 248 113 113;
  --hd-mail-surface: 20 20 29;
  --hd-mail-message: 21 21 30;
  --hd-mail-filter: 21 21 31;
  --hd-mail-hover: 23 23 32;
  --hd-mail-hover-alt: 25 25 34;
  --hd-mail-border: 36 36 50;
  --hd-mail-border-strong: 53 53 74;
  --hd-mail-selected: 23 34 56;
  --hd-mail-tab: 27 41 65;
  --hd-mail-chip: 38 55 85;
  --hd-mail-action: 38 59 93;
  --hd-mail-outgoing: 20 31 49;
  --hd-mail-outgoing-border: 43 65 100;
  --hd-mail-muted: 128 128 147;
  --hd-mail-secondary: 182 182 199;
  --hd-mail-text: 211 211 223;
  --hd-mail-unread-text: 229 229 239;
  --hd-mail-link: 185 209 255;
  --hd-mail-healthy: 134 184 154;
  --hd-mail-draft: 233 186 115;
  --hd-banner: 35 35 48;
  --hd-server-warning: 26 18 0;
  --hd-server-warning-raised: 42 31 10;
  --hd-warning-text: 234 179 8;
  --hd-amber-text: 245 158 11;
  --hd-success-text: 34 197 94;
  --hd-error-text: 239 68 68;
  --hd-orange-text: 249 115 22;
  --hd-review-text: 134 239 172;
  --hd-review-pending: 251 191 36;
}
:root[data-theme="light"] {
  color-scheme: light;
  --hd-canvas: 246 247 251;
  --hd-surface: 255 255 255;
  --hd-raised: 238 241 246;
  --hd-raised-hover: 232 237 245;
  --hd-border: 203 213 225;
  --hd-dim: 100 116 139;
  --hd-border-strong: 203 213 225;
  --hd-text: 23 32 51;
  --hd-muted: 82 97 116;
  --hd-secondary: 100 116 139;
  --hd-secondary-alt: 100 116 139;
  --hd-accent: 37 99 235;
  --hd-accent-hover: 29 78 216;
  --hd-accent-text: 29 78 216;
  --hd-blue-tint: 234 241 255;
  --hd-amber-tint: 255 246 220;
  --hd-unread: 255 251 235;
  --hd-escalated: 255 241 242;
  --hd-purple-text: 126 34 206;
  --hd-purple-soft: 109 40 217;
  --hd-danger-text: 185 28 28;
  --hd-link: 29 78 216;
  --hd-text-soft: 51 65 85;
  --hd-text-soft-alt: 51 65 85;
  --hd-text-dim: 82 97 116;
  --hd-text-dim-alt: 82 97 116;
  --hd-purple-label: 126 34 206;
  --hd-green-label: 21 128 61;
  --hd-faint: 100 116 139;
  --hd-amber-label: 161 98 7;
  --hd-wait-short: 161 98 7;
  --hd-wait-medium: 194 65 12;
  --hd-wait-long: 185 28 28;
  --hd-mail-surface: 255 255 255;
  --hd-mail-message: 248 250 252;
  --hd-mail-filter: 241 245 249;
  --hd-mail-hover: 241 245 249;
  --hd-mail-hover-alt: 241 245 249;
  --hd-mail-border: 219 226 234;
  --hd-mail-border-strong: 203 213 225;
  --hd-mail-selected: 239 246 255;
  --hd-mail-tab: 234 241 255;
  --hd-mail-chip: 219 234 254;
  --hd-mail-action: 219 234 254;
  --hd-mail-outgoing: 239 246 255;
  --hd-mail-outgoing-border: 191 219 254;
  --hd-mail-muted: 100 116 139;
  --hd-mail-secondary: 82 97 116;
  --hd-mail-text: 23 32 51;
  --hd-mail-unread-text: 23 32 51;
  --hd-mail-link: 29 78 216;
  --hd-mail-healthy: 21 128 61;
  --hd-mail-draft: 161 98 7;
  --hd-banner: 238 241 246;
  --hd-server-warning: 255 251 235;
  --hd-server-warning-raised: 254 243 199;
  --hd-warning-text: 161 98 7;
  --hd-amber-text: 180 83 9;
  --hd-success-text: 21 128 61;
  --hd-error-text: 185 28 28;
  --hd-orange-text: 194 65 12;
  --hd-review-text: 21 128 61;
  --hd-review-pending: 161 98 7;
}
html, body { background: rgb(var(--hd-canvas)); color: rgb(var(--hd-text)); }
input[type="radio"] { accent-color: rgb(var(--hd-accent)); }
:root[data-theme="light"] .text-zinc-400 { color: #526174; }
:root[data-theme="light"] .text-amber-300 { color: #92400e; }
:root[data-theme="light"] .text-green-400 { color: #15803d; }