/* Sanno: the colour roles of the Sanno work screen (agent-pilot src/app/v1.css) mapped onto Rakazo's theme
   variables. Loaded after Rakazo's own stylesheets, so these values win. Wine only where it means something:
   the main action, the active item, focus and links. */

:root:not([data-theme=light]) {
  --background: #141216;
  --dialog: #1d1a20;
  --foreground: #f2eef3;
  --card: #1d1a20;
  --card-foreground: #f2eef3;
  --popover: #1d1a20;
  --popover-foreground: #f2eef3;
  --glass-fill: #26222a;
  --glass-stroke: #322d37;
  --primary: #a8356b;
  --primary-foreground: #fff;
  --primary-hover: #c9487f;
  --primary-disabled: #5a2f45;
  --secondary: #26222a;
  --secondary-foreground: #f2eef3;
  --chat-user: #3a1f2d;
  --chat-user-foreground: #f2eef3;
  --muted: #26222a;
  --muted-foreground: #a9a2ad;
  --faint-foreground: #8b848f;
  --accent: #2a1a22;
  --accent-foreground: #f2eef3;
  --destructive: #f29a9a;
  --destructive-fill: #d23b3b;
  --border: #322d37;
  --input: #4d4753;
  --ring: #f0a3c4;
  --sidebar: #141216;
  --sidebar-foreground: #f2eef3;
  --sidebar-border: #322d37;
  --sidebar-accent: #3a1f2d;
  --sidebar-accent-foreground: #f0a3c4;
  --link: #f0a3c4;
  --success: #72d3a2;
  --warning: #f0b866;
  --status-working: #f0a3c4;
  --unread: #f0a3c4;
  --working-dot: #2c9d69;
  --scrollbar: #4d4753;
  --scrollbar-hover: #8b848f;
}

:root[data-theme=light] {
  --background: #fff;
  --dialog: #fff;
  --foreground: #1a1a1f;
  --card: #f6f5f7;
  --card-foreground: #1a1a1f;
  --popover: #fff;
  --popover-foreground: #1a1a1f;
  --glass-fill: #fff;
  --glass-stroke: #eceaee;
  --primary: #8b1e4f;
  --primary-foreground: #fff;
  --primary-hover: #731843;
  --primary-disabled: #e3c9d6;
  --secondary: #f6f5f7;
  --secondary-foreground: #1a1a1f;
  --chat-user: #f7e8ef;
  --chat-user-foreground: #1a1a1f;
  --muted: #f6f5f7;
  --muted-foreground: #6b6b76;
  --faint-foreground: #8a8a94;
  --accent: #fbf3f7;
  --accent-foreground: #1a1a1f;
  --destructive: #9f2d2d;
  --destructive-fill: #d23b3b;
  --border: #eceaee;
  --input: #c4bfc8;
  --ring: #8b1e4f;
  --sidebar: #fafafb;
  --sidebar-foreground: #1a1a1f;
  --sidebar-border: #eceaee;
  --sidebar-accent: #f7e8ef;
  --sidebar-accent-foreground: #8b1e4f;
  --link: #8b1e4f;
  --success: #1f7a4d;
  --warning: #9a5b00;
  --status-working: #8b1e4f;
  --unread: #8b1e4f;
  --working-dot: #1f8a5b;
  --overlay: rgba(26, 26, 31, 0.45);
  --scrollbar: #c4bfc8;
  --scrollbar-hover: #8a8a94;
}

/* Wordmark at the top of the sidebar, like the Sanno work screen (.v1-logo). Rakazo leaves an empty 72px spacer
   there for the macOS window buttons; on the web we put the mark and the name in it. */
[data-slot=sidebar-inner] > div:first-child > div[aria-hidden=true]:first-child {
  width: auto !important;
  height: auto;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--sidebar-foreground);
}
[data-slot=sidebar-inner] > div:first-child > div[aria-hidden=true]:first-child::before {
  content: "";
  width: 18px;
  height: 18px;
  background: var(--primary);
  -webkit-mask: url("/sanno-mark.svg") center / contain no-repeat;
  mask: url("/sanno-mark.svg") center / contain no-repeat;
}
[data-slot=sidebar-inner] > div:first-child > div[aria-hidden=true]:first-child::after {
  content: "sanno";
}
.rakazo-desktop [data-slot=sidebar-inner] > div:first-child > div[aria-hidden=true]:first-child::before,
.rakazo-desktop [data-slot=sidebar-inner] > div:first-child > div[aria-hidden=true]:first-child::after {
  content: none;
}

/* Sign-up and sign-in: Rakazo's bot face (a round tile with two eyes) becomes the Sanno mark. */
.max-w-\[460px\] > .h-\[74px\].w-\[74px\].rounded-full.bg-muted:first-child > span {
  display: none;
}
.max-w-\[460px\] > .h-\[74px\].w-\[74px\].rounded-full.bg-muted:first-child::before {
  content: "";
  width: 34px;
  height: 34px;
  background: var(--primary);
  -webkit-mask: url("/sanno-mark.svg") center / contain no-repeat;
  mask: url("/sanno-mark.svg") center / contain no-repeat;
}