/*
 * ACBot warm paper compatibility layer.
 * Loaded after the current production bundle. It intentionally does not
 * replace or duplicate the generated CSS/JS assets.
 */
:root {
  --background: 44 38% 95%;
  --foreground: 40 12% 15%;
  --card: 48 100% 99%;
  --card-foreground: 40 12% 15%;
  --primary: 231 78% 48%;
  --primary-foreground: 0 0% 100%;
  --secondary: 42 31% 90%;
  --secondary-foreground: 38 8% 28%;
  --muted: 42 30% 92%;
  --muted-foreground: 38 7% 38%;
  --accent: 231 78% 48%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 51% 46%;
  --destructive-foreground: 0 0% 100%;
  --border: 40 22% 81%;
  --input: 40 22% 81%;
  --ring: 231 78% 48%;
}

html {
  color-scheme: light;
}

body {
  background: #f4f1e9;
  color: #2b2822;
  font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Shared AC components retained by the current React bundle. */
.glass-card {
  background: #fffefa;
  border-color: #d8d1c4;
  box-shadow: 0 1px 3px rgb(43 40 34 / 6%), 0 4px 14px rgb(43 40 34 / 4%);
}

.warm-card {
  background: #fffefa;
  border-color: #d8d1c4;
  box-shadow: 0 1px 2px rgb(43 40 34 / 5%);
}

.warm-card:hover {
  border-color: #b9ae9d;
  box-shadow: 0 4px 18px rgb(43 40 34 / 8%), 0 1px 3px rgb(43 40 34 / 4%);
}

.acbot-console-shell,
#root > .flex.h-screen.overflow-hidden.bg-background {
  background: #f6f3eb;
}

.acbot-console-topbar,
#root > .flex.h-screen.overflow-hidden.bg-background > .flex-1.flex.flex-col > header {
  background: rgb(251 249 243 / 94%);
  border-color: #d8d1c4;
  box-shadow: 0 1px rgb(255 255 255 / 75%);
}

.acbot-console-main,
#root > .flex.h-screen.overflow-hidden.bg-background > .flex-1.flex.flex-col > main {
  background:
    radial-gradient(circle at 92% -8%, rgb(27 57 217 / 9.5%), transparent 34%),
    radial-gradient(circle at 3% 108%, rgb(62 139 85 / 5.5%), transparent 30%),
    linear-gradient(180deg, #f8f5ee, #f4f0e7);
}

/* The regressed bundle hard-codes cool white/slate utilities in page cards. */
main .bg-white,
main .bg-white\/95,
main .bg-white\/80,
main .bg-white\/60,
main [class~="bg-white"] {
  background-color: #fffefa;
}

main .bg-slate-50,
main .bg-gray-50,
main .bg-slate-50\/50,
main .bg-gray-50\/50,
main .bg-gray-50\/60 {
  background-color: #fbf9f3;
}

main .border-\[\#D8E2EE\],
main .border-slate-200,
main .border-gray-200,
header.border-\[\#D8E2EE\] {
  border-color: #d8d1c4;
}

main .border-\[\#F1F5F9\],
main .border-slate-100,
main .border-gray-100 {
  border-color: #e7e0d4;
}

main .text-slate-900,
main .text-slate-800,
main .text-gray-900,
main .text-gray-800,
header .text-slate-800 {
  color: #2b2822;
}

main .text-slate-700,
main .text-slate-600,
main .text-gray-700,
main .text-gray-600 {
  color: #5f5a51;
}

main .text-slate-500,
main .text-gray-500,
header .text-slate-400 {
  color: #777064;
}

main .text-slate-400,
main .text-gray-400,
header .text-slate-300 {
  color: #9a9488;
}

/* Keep AC's restrained indigo identity instead of the fallback cyan blue. */
main .bg-blue-500,
main .bg-blue-600,
.min-h-screen.flex.bg-\[\#F8FAFC\] .bg-blue-500,
.min-h-screen.flex.bg-\[\#F8FAFC\] .bg-blue-600 {
  background-color: #1b39d9;
}

main .hover\:bg-blue-500:hover,
main .hover\:bg-blue-600:hover,
.min-h-screen.flex.bg-\[\#F8FAFC\] .hover\:bg-blue-500:hover,
.min-h-screen.flex.bg-\[\#F8FAFC\] .hover\:bg-blue-600:hover {
  background-color: #152dae;
}

/* Current login markup cannot reproduce the old collage, but its paper/card
 * surfaces stay faithful and no runtime component is replaced. */
.min-h-screen.flex.bg-\[\#F8FAFC\] {
  background: #f4f1e9;
}

.min-h-screen.flex.bg-\[\#F8FAFC\] > .flex-1 {
  background:
    radial-gradient(circle at 88% 2%, rgb(27 57 217 / 7%), transparent 32%),
    linear-gradient(180deg, #f8f5ee, #f4f1e9);
}

.min-h-screen.flex.bg-\[\#F8FAFC\] .bg-white {
  background-color: #fbf9f3;
}

.min-h-screen.flex.bg-\[\#F8FAFC\] .border-\[\#D8E2EE\] {
  border-color: #afa99c;
}

.min-h-screen.flex.bg-\[\#F8FAFC\] .text-\[\#141E2E\],
.min-h-screen.flex.bg-\[\#F8FAFC\] .text-gray-900 {
  color: #2b2822;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-nav-enter,
  .fade-up {
    animation: none;
  }
}