/* Amicon visual layer for Docmost. It only overrides presentation tokens. */
:root {
  --amicon-violet: #6433dd;
  --amicon-violet-dark: #34108d;
  --amicon-ink: #222127;
  --amicon-surface: #fbfaff;
  --amicon-lilac: #f1edff;

  --mantine-color-blue-0: #f3f0ff;
  --mantine-color-blue-1: #e5ddff;
  --mantine-color-blue-2: #cfc0ff;
  --mantine-color-blue-3: #b19aff;
  --mantine-color-blue-4: #8b6bef;
  --mantine-color-blue-5: #754ee5;
  --mantine-color-blue-6: var(--amicon-violet);
  --mantine-color-blue-7: #5122bb;
  --mantine-color-blue-8: #42199e;
  --mantine-color-blue-9: var(--amicon-violet-dark);
  --mantine-color-blue-filled: var(--amicon-violet);
  --mantine-color-blue-filled-hover: var(--amicon-violet-dark);
  --mantine-color-blue-light: rgba(100, 51, 221, 0.12);
  --mantine-color-blue-light-hover: rgba(100, 51, 221, 0.2);
  --mantine-primary-color-filled: var(--amicon-violet);
  --mantine-primary-color-filled-hover: var(--amicon-violet-dark);
  --mantine-primary-color-light: rgba(100, 51, 221, 0.12);
  --mantine-primary-color-light-hover: rgba(100, 51, 221, 0.2);
}

html[data-mantine-color-scheme="light"] {
  --mantine-color-body: var(--amicon-surface);
  --mantine-color-text: var(--amicon-ink);
  --mantine-color-default: #ffffff;
  --mantine-color-default-hover: var(--amicon-lilac);
  --mantine-color-default-border: #ded6f4;
}

html[data-mantine-color-scheme="dark"] {
  --mantine-color-body: #17131e;
  --mantine-color-text: #f8f5ff;
  --mantine-color-dark-7: #17131e;
  --mantine-color-dark-6: #211a2b;
  --mantine-color-dark-5: #30253f;
  --mantine-color-dark-4: #4a3960;
  --mantine-color-default: #211a2b;
  --mantine-color-default-hover: #30253f;
  --mantine-color-default-border: #4a3960;
}

/* The current Docmost header component is CSS-module scoped. */
a._brand_18f9g_10 {
  gap: 0 !important;
  min-width: 142px;
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--amicon-ink);
}

a._brand_18f9g_10::before {
  content: "";
  display: block;
  width: 132px;
  height: 32px;
  background: url("/branding/amicon-logo.svg") left center / contain no-repeat;
}

a._brand_18f9g_10 > * {
  display: none !important;
}

/* The sign-in screen has a separate logo component. */
._logo_1hztj_1 {
  gap: 0 !important;
  width: fit-content !important;
  margin-inline: auto;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 4px;
  background: var(--amicon-ink);
}

._logo_1hztj_1 > img {
  width: 182px !important;
  height: 32px !important;
  object-fit: contain;
}

._logo_1hztj_1 > p {
  display: none !important;
}

button[data-variant="filled"],
a[data-variant="filled"] {
  box-shadow: 0 6px 18px rgba(100, 51, 221, 0.2);
}

[data-mantine-color-scheme="light"] .mantine-Paper-root {
  border-color: rgba(100, 51, 221, 0.12);
}

::selection {
  color: #ffffff;
  background: var(--amicon-violet);
}

@media (max-width: 36em) {
  a._brand_18f9g_10 {
    min-width: 36px;
  }

  a._brand_18f9g_10::before {
    width: 32px;
    background-size: auto 32px;
  }
}