/* Kather Lab Branding for Docmost */
/* Colors: Primary #472183, Secondary #4B56D2, Tertiary #82C3EC, Light #f3f4f6 */

:root {
  /* Force light mode */
  color-scheme: light !important;

  /* Kather Lab purple palette */
  --kl-primary: #472183;
  --kl-secondary: #4B56D2;
  --kl-tertiary: #82C3EC;
  --kl-light: #f3f4f6;
  --kl-white: #ffffff;

  /* Override Mantine primary colors with Kather purple */
  --mantine-primary-color-filled: #4B56D2 !important;
  --mantine-primary-color-filled-hover: #472183 !important;
  --mantine-primary-color-light: rgba(75, 86, 210, 0.1) !important;
  --mantine-primary-color-light-hover: rgba(75, 86, 210, 0.15) !important;
  --mantine-primary-color-light-color: #4B56D2 !important;
  --mantine-color-anchor: #4B56D2 !important;

  /* Override blue color scale with purple */
  --mantine-color-blue-filled: #4B56D2 !important;
  --mantine-color-blue-filled-hover: #472183 !important;
  --mantine-color-blue-light: rgba(75, 86, 210, 0.1) !important;
  --mantine-color-blue-light-hover: rgba(75, 86, 210, 0.15) !important;
  --mantine-color-blue-light-color: #4B56D2 !important;
  --mantine-color-blue-outline: #4B56D2 !important;
  --mantine-color-blue-outline-hover: rgba(75, 86, 210, 0.1) !important;
  --mantine-color-blue-6: #4B56D2 !important;
  --mantine-color-blue-7: #472183 !important;

  /* Bright backgrounds */
  --mantine-color-body: #ffffff !important;
}

/* Force light mode on body */
body,
[data-mantine-color-scheme],
[data-mantine-color-scheme="dark"] {
  --mantine-color-scheme: light !important;
  background: #ffffff !important;
}

/* Sidebar background - subtle gray */
.mantine-AppShell-navbar {
  background: #fafafa !important;
}

/* Links - Kather purple */
a:not([class]) {
  color: #4B56D2 !important;
}

a:not([class]):hover {
  color: #472183 !important;
}

/* Editor content - clean styling */
.ProseMirror,
.tiptap {
  max-width: 900px;
  margin: 0 auto;
}

/* Selection color */
::selection {
  background: rgba(75, 86, 210, 0.2) !important;
}

/* Scrollbars - minimal */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #d4d4d8;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a1a1aa;
}