/* Shared palette. Components use roles, never a theme-specific color. */
:root { --brand: #8a222a; --brandHover: #7a1e25; }
:root, .theme-light {
  color-scheme: light;
  --canvas-rgb: 248 250 252;
  --surface-rgb: 255 255 255;
  --subtle-rgb: 241 245 249;
  --hover-rgb: 226 232 240;
  --strong-rgb: 203 213 225;
  --ink-rgb: 15 23 42;
  --body-rgb: 30 41 59;
  --secondary-rgb: 51 65 85;
  --muted-rgb: 71 85 105;
  --quiet-rgb: 100 116 139;
  --placeholder-rgb: 148 163 184;
  --disabled-rgb: 203 213 225;
  --line-rgb: 226 232 240;
  --line-soft-rgb: 241 245 249;
  --line-strong-rgb: 203 213 225;
  --line-hover-rgb: 148 163 184;
  --rose-soft-rgb: 255 241 242;
  --rose-tint-rgb: 255 228 230;
  --rose-line-rgb: 254 205 211;
  --rose-ink-rgb: 190 18 60;
  --red-soft-rgb: 254 242 242;
  --red-tint-rgb: 254 226 226;
  --red-line-rgb: 254 202 202;
  --red-ink-rgb: 185 28 28;
  --amber-soft-rgb: 255 251 235;
  --amber-tint-rgb: 254 243 199;
  --amber-line-rgb: 253 230 138;
  --amber-ink-rgb: 180 83 9;
  --green-soft-rgb: 240 253 244;
  --green-tint-rgb: 220 252 231;
  --green-line-rgb: 187 247 208;
  --green-ink-rgb: 21 128 61;
  --emerald-soft-rgb: 236 253 245;
  --emerald-tint-rgb: 209 250 229;
  --emerald-line-rgb: 167 243 208;
  --emerald-ink-rgb: 4 120 87;
  --sky-soft-rgb: 240 249 255;
  --sky-tint-rgb: 224 242 254;
  --sky-line-rgb: 186 230 253;
  --sky-ink-rgb: 3 105 161;
  --blue-soft-rgb: 239 246 255;
  --blue-tint-rgb: 219 234 254;
  --blue-line-rgb: 191 219 254;
  --blue-ink-rgb: 29 78 216;
  --cyan-soft-rgb: 236 254 255;
  --cyan-tint-rgb: 207 250 254;
  --cyan-line-rgb: 165 243 252;
  --cyan-ink-rgb: 14 116 144;
  --violet-soft-rgb: 245 243 255;
  --violet-tint-rgb: 237 233 254;
  --violet-line-rgb: 221 214 254;
  --violet-ink-rgb: 109 40 217;
  --orange-soft-rgb: 255 247 237;
  --orange-tint-rgb: 255 237 213;
  --orange-line-rgb: 254 215 170;
  --orange-ink-rgb: 194 65 12;
  --canvas: rgb(var(--canvas-rgb));
  --surface: rgb(var(--surface-rgb));
  --subtle: rgb(var(--subtle-rgb));
  --hover: rgb(var(--hover-rgb));
  --strong: rgb(var(--strong-rgb));
  --ink: rgb(var(--ink-rgb));
  --body: rgb(var(--body-rgb));
  --secondary: rgb(var(--secondary-rgb));
  --muted: rgb(var(--muted-rgb));
  --quiet: rgb(var(--quiet-rgb));
  --placeholder: rgb(var(--placeholder-rgb));
  --disabled: rgb(var(--disabled-rgb));
  --line: rgb(var(--line-rgb));
  --line-soft: rgb(var(--line-soft-rgb));
  --line-strong: rgb(var(--line-strong-rgb));
  --line-hover: rgb(var(--line-hover-rgb));
  --rose-soft: rgb(var(--rose-soft-rgb));
  --rose-tint: rgb(var(--rose-tint-rgb));
  --rose-line: rgb(var(--rose-line-rgb));
  --rose-ink: rgb(var(--rose-ink-rgb));
  --red-soft: rgb(var(--red-soft-rgb));
  --red-tint: rgb(var(--red-tint-rgb));
  --red-line: rgb(var(--red-line-rgb));
  --red-ink: rgb(var(--red-ink-rgb));
  --amber-soft: rgb(var(--amber-soft-rgb));
  --amber-tint: rgb(var(--amber-tint-rgb));
  --amber-line: rgb(var(--amber-line-rgb));
  --amber-ink: rgb(var(--amber-ink-rgb));
  --green-soft: rgb(var(--green-soft-rgb));
  --green-tint: rgb(var(--green-tint-rgb));
  --green-line: rgb(var(--green-line-rgb));
  --green-ink: rgb(var(--green-ink-rgb));
  --emerald-soft: rgb(var(--emerald-soft-rgb));
  --emerald-tint: rgb(var(--emerald-tint-rgb));
  --emerald-line: rgb(var(--emerald-line-rgb));
  --emerald-ink: rgb(var(--emerald-ink-rgb));
  --sky-soft: rgb(var(--sky-soft-rgb));
  --sky-tint: rgb(var(--sky-tint-rgb));
  --sky-line: rgb(var(--sky-line-rgb));
  --sky-ink: rgb(var(--sky-ink-rgb));
  --blue-soft: rgb(var(--blue-soft-rgb));
  --blue-tint: rgb(var(--blue-tint-rgb));
  --blue-line: rgb(var(--blue-line-rgb));
  --blue-ink: rgb(var(--blue-ink-rgb));
  --cyan-soft: rgb(var(--cyan-soft-rgb));
  --cyan-tint: rgb(var(--cyan-tint-rgb));
  --cyan-line: rgb(var(--cyan-line-rgb));
  --cyan-ink: rgb(var(--cyan-ink-rgb));
  --violet-soft: rgb(var(--violet-soft-rgb));
  --violet-tint: rgb(var(--violet-tint-rgb));
  --violet-line: rgb(var(--violet-line-rgb));
  --violet-ink: rgb(var(--violet-ink-rgb));
  --orange-soft: rgb(var(--orange-soft-rgb));
  --orange-tint: rgb(var(--orange-tint-rgb));
  --orange-line: rgb(var(--orange-line-rgb));
  --orange-ink: rgb(var(--orange-ink-rgb));
  --surface-2: var(--canvas);
  --accent: var(--brand);
  --accent-soft: color-mix(in srgb, var(--accent) 9%, var(--surface));
  --focus-ring: color-mix(in srgb, var(--accent) 28%, transparent);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas-rgb: 15 19 25;
  --surface-rgb: 23 29 38;
  --subtle-rgb: 30 38 49;
  --hover-rgb: 39 49 63;
  --strong-rgb: 53 65 82;
  --ink-rgb: 237 242 248;
  --body-rgb: 214 224 237;
  --secondary-rgb: 190 204 221;
  --muted-rgb: 164 181 201;
  --quiet-rgb: 145 164 187;
  --placeholder-rgb: 132 150 173;
  --disabled-rgb: 105 124 148;
  --line-rgb: 56 70 88;
  --line-soft-rgb: 42 53 68;
  --line-strong-rgb: 74 91 113;
  --line-hover-rgb: 104 126 153;
  --rose-soft-rgb: 48 27 38;
  --rose-tint-rgb: 72 35 49;
  --rose-line-rgb: 120 58 78;
  --rose-ink-rgb: 253 164 175;
  --red-soft-rgb: 48 27 38;
  --red-tint-rgb: 72 35 49;
  --red-line-rgb: 120 58 78;
  --red-ink-rgb: 252 165 165;
  --amber-soft-rgb: 48 38 23;
  --amber-tint-rgb: 72 52 25;
  --amber-line-rgb: 119 88 39;
  --amber-ink-rgb: 252 211 77;
  --green-soft-rgb: 20 44 36;
  --green-tint-rgb: 25 62 48;
  --green-line-rgb: 45 104 78;
  --green-ink-rgb: 134 239 172;
  --emerald-soft-rgb: 20 44 36;
  --emerald-tint-rgb: 25 62 48;
  --emerald-line-rgb: 45 104 78;
  --emerald-ink-rgb: 110 231 183;
  --sky-soft-rgb: 21 39 56;
  --sky-tint-rgb: 28 56 78;
  --sky-line-rgb: 47 91 125;
  --sky-ink-rgb: 125 211 252;
  --blue-soft-rgb: 21 39 56;
  --blue-tint-rgb: 28 56 78;
  --blue-line-rgb: 47 91 125;
  --blue-ink-rgb: 147 197 253;
  --cyan-soft-rgb: 19 42 48;
  --cyan-tint-rgb: 25 59 68;
  --cyan-line-rgb: 39 99 113;
  --cyan-ink-rgb: 103 232 249;
  --violet-soft-rgb: 37 30 57;
  --violet-tint-rgb: 55 43 81;
  --violet-line-rgb: 90 69 128;
  --violet-ink-rgb: 196 181 253;
  --orange-soft-rgb: 48 33 24;
  --orange-tint-rgb: 70 45 29;
  --orange-line-rgb: 124 78 44;
  --orange-ink-rgb: 253 186 116;
  --canvas: rgb(var(--canvas-rgb));
  --surface: rgb(var(--surface-rgb));
  --subtle: rgb(var(--subtle-rgb));
  --hover: rgb(var(--hover-rgb));
  --strong: rgb(var(--strong-rgb));
  --ink: rgb(var(--ink-rgb));
  --body: rgb(var(--body-rgb));
  --secondary: rgb(var(--secondary-rgb));
  --muted: rgb(var(--muted-rgb));
  --quiet: rgb(var(--quiet-rgb));
  --placeholder: rgb(var(--placeholder-rgb));
  --disabled: rgb(var(--disabled-rgb));
  --line: rgb(var(--line-rgb));
  --line-soft: rgb(var(--line-soft-rgb));
  --line-strong: rgb(var(--line-strong-rgb));
  --line-hover: rgb(var(--line-hover-rgb));
  --rose-soft: rgb(var(--rose-soft-rgb));
  --rose-tint: rgb(var(--rose-tint-rgb));
  --rose-line: rgb(var(--rose-line-rgb));
  --rose-ink: rgb(var(--rose-ink-rgb));
  --red-soft: rgb(var(--red-soft-rgb));
  --red-tint: rgb(var(--red-tint-rgb));
  --red-line: rgb(var(--red-line-rgb));
  --red-ink: rgb(var(--red-ink-rgb));
  --amber-soft: rgb(var(--amber-soft-rgb));
  --amber-tint: rgb(var(--amber-tint-rgb));
  --amber-line: rgb(var(--amber-line-rgb));
  --amber-ink: rgb(var(--amber-ink-rgb));
  --green-soft: rgb(var(--green-soft-rgb));
  --green-tint: rgb(var(--green-tint-rgb));
  --green-line: rgb(var(--green-line-rgb));
  --green-ink: rgb(var(--green-ink-rgb));
  --emerald-soft: rgb(var(--emerald-soft-rgb));
  --emerald-tint: rgb(var(--emerald-tint-rgb));
  --emerald-line: rgb(var(--emerald-line-rgb));
  --emerald-ink: rgb(var(--emerald-ink-rgb));
  --sky-soft: rgb(var(--sky-soft-rgb));
  --sky-tint: rgb(var(--sky-tint-rgb));
  --sky-line: rgb(var(--sky-line-rgb));
  --sky-ink: rgb(var(--sky-ink-rgb));
  --blue-soft: rgb(var(--blue-soft-rgb));
  --blue-tint: rgb(var(--blue-tint-rgb));
  --blue-line: rgb(var(--blue-line-rgb));
  --blue-ink: rgb(var(--blue-ink-rgb));
  --cyan-soft: rgb(var(--cyan-soft-rgb));
  --cyan-tint: rgb(var(--cyan-tint-rgb));
  --cyan-line: rgb(var(--cyan-line-rgb));
  --cyan-ink: rgb(var(--cyan-ink-rgb));
  --violet-soft: rgb(var(--violet-soft-rgb));
  --violet-tint: rgb(var(--violet-tint-rgb));
  --violet-line: rgb(var(--violet-line-rgb));
  --violet-ink: rgb(var(--violet-ink-rgb));
  --orange-soft: rgb(var(--orange-soft-rgb));
  --orange-tint: rgb(var(--orange-tint-rgb));
  --orange-line: rgb(var(--orange-line-rgb));
  --orange-ink: rgb(var(--orange-ink-rgb));
  --accent: color-mix(in srgb, var(--brand) 42%, white);
}
html, body { background: var(--canvas); color: var(--body); }
.theme-light { color: var(--body); }
input, textarea, select { color-scheme: inherit; accent-color: var(--accent); }
::selection { background: var(--accent); color: white; }

/* Printing and document previews use the same light palette in both modes. */
@media print {
  :root[data-theme] {
    color-scheme: light;
  --canvas-rgb: 248 250 252;
  --surface-rgb: 255 255 255;
  --subtle-rgb: 241 245 249;
  --hover-rgb: 226 232 240;
  --strong-rgb: 203 213 225;
  --ink-rgb: 15 23 42;
  --body-rgb: 30 41 59;
  --secondary-rgb: 51 65 85;
  --muted-rgb: 71 85 105;
  --quiet-rgb: 100 116 139;
  --placeholder-rgb: 148 163 184;
  --disabled-rgb: 203 213 225;
  --line-rgb: 226 232 240;
  --line-soft-rgb: 241 245 249;
  --line-strong-rgb: 203 213 225;
  --line-hover-rgb: 148 163 184;
  --rose-soft-rgb: 255 241 242;
  --rose-tint-rgb: 255 228 230;
  --rose-line-rgb: 254 205 211;
  --rose-ink-rgb: 190 18 60;
  --red-soft-rgb: 254 242 242;
  --red-tint-rgb: 254 226 226;
  --red-line-rgb: 254 202 202;
  --red-ink-rgb: 185 28 28;
  --amber-soft-rgb: 255 251 235;
  --amber-tint-rgb: 254 243 199;
  --amber-line-rgb: 253 230 138;
  --amber-ink-rgb: 180 83 9;
  --green-soft-rgb: 240 253 244;
  --green-tint-rgb: 220 252 231;
  --green-line-rgb: 187 247 208;
  --green-ink-rgb: 21 128 61;
  --emerald-soft-rgb: 236 253 245;
  --emerald-tint-rgb: 209 250 229;
  --emerald-line-rgb: 167 243 208;
  --emerald-ink-rgb: 4 120 87;
  --sky-soft-rgb: 240 249 255;
  --sky-tint-rgb: 224 242 254;
  --sky-line-rgb: 186 230 253;
  --sky-ink-rgb: 3 105 161;
  --blue-soft-rgb: 239 246 255;
  --blue-tint-rgb: 219 234 254;
  --blue-line-rgb: 191 219 254;
  --blue-ink-rgb: 29 78 216;
  --cyan-soft-rgb: 236 254 255;
  --cyan-tint-rgb: 207 250 254;
  --cyan-line-rgb: 165 243 252;
  --cyan-ink-rgb: 14 116 144;
  --violet-soft-rgb: 245 243 255;
  --violet-tint-rgb: 237 233 254;
  --violet-line-rgb: 221 214 254;
  --violet-ink-rgb: 109 40 217;
  --orange-soft-rgb: 255 247 237;
  --orange-tint-rgb: 255 237 213;
  --orange-line-rgb: 254 215 170;
  --orange-ink-rgb: 194 65 12;
    --accent: var(--brand);
  }
}