:root {
  --brand-deep-crimson: #5a0015;
  --brand-scarlet: #b50000;
  --brand-soft-pearl: #f3f1ee;
  --brand-warm-sand: #b38e6f;
  --brand-obsidian: #161616;
  --brand-border: #e5dfd9;
  color-scheme: light;
}

html,
body {
  background: #f7f5f2;
  color: var(--brand-obsidian);
}

body {
  font-family: 'Inter', 'Microsoft YaHei', sans-serif;
}

::selection {
  background: #ead4d9;
  color: var(--brand-deep-crimson);
}

/* Brand the existing utility-driven interface without changing status colors. */
[class~="bg-indigo-50"] { background-color: #f8ecef !important; }
[class~="bg-indigo-100"] { background-color: #f1dadd !important; }
[class~="bg-indigo-500"] { background-color: var(--brand-scarlet) !important; }
[class~="bg-indigo-600"] { background-color: var(--brand-deep-crimson) !important; }
[class~="bg-indigo-700"] { background-color: #43000f !important; }
[class~="hover:bg-indigo-50"]:hover { background-color: #f8ecef !important; }
[class~="hover:bg-indigo-100"]:hover { background-color: #f1dadd !important; }
[class~="hover:bg-indigo-500"]:hover { background-color: var(--brand-scarlet) !important; }
[class~="hover:bg-indigo-600"]:hover { background-color: var(--brand-scarlet) !important; }
[class~="hover:bg-indigo-700"]:hover { background-color: #43000f !important; }

[class~="text-indigo-400"] { color: #cc7c88 !important; }
[class~="text-indigo-500"] { color: var(--brand-scarlet) !important; }
[class~="text-indigo-600"],
[class~="text-indigo-700"] { color: var(--brand-deep-crimson) !important; }
[class~="hover:text-indigo-600"]:hover,
[class~="hover:text-indigo-700"]:hover { color: var(--brand-scarlet) !important; }

[class~="border-indigo-100"] { border-color: #ead4d9 !important; }
[class~="border-indigo-200"] { border-color: #dcb3bc !important; }
[class~="border-indigo-400"],
[class~="border-indigo-500"],
[class~="border-indigo-600"] { border-color: var(--brand-deep-crimson) !important; }
[class~="hover:border-indigo-100"]:hover,
[class~="hover:border-indigo-200"]:hover,
[class~="hover:border-indigo-300"]:hover { border-color: #dcb3bc !important; }
[class~="focus:border-indigo-400"]:focus,
[class~="focus:border-indigo-500"]:focus { border-color: var(--brand-deep-crimson) !important; }

[class~="ring-indigo-100"] { --tw-ring-color: #ead4d9 !important; }
[class~="ring-indigo-500"] { --tw-ring-color: var(--brand-deep-crimson) !important; }
[class~="focus:ring-indigo-500/10"]:focus,
[class~="focus:ring-indigo-500/20"]:focus,
[class~="focus:ring-indigo-500/50"]:focus { --tw-ring-color: rgba(90, 0, 21, 0.22) !important; }

[class~="shadow-indigo-600/20"],
[class~="shadow-indigo-600/30"] { --tw-shadow-color: rgba(90, 0, 21, 0.22) !important; }

[class~="bg-slate-50"] { background-color: #f7f5f2 !important; }
[class~="bg-slate-100"] { background-color: var(--brand-soft-pearl) !important; }
[class~="bg-slate-900"] { background-color: var(--brand-obsidian) !important; }
[class~="text-slate-900"] { color: var(--brand-obsidian) !important; }
[class~="border-slate-100"],
[class~="border-slate-200"] { border-color: var(--brand-border) !important; }

::-webkit-scrollbar-track { background: var(--brand-soft-pearl); }
::-webkit-scrollbar-thumb { background: #c8b8ac; }
::-webkit-scrollbar-thumb:hover { background: var(--brand-warm-sand); }