/* Axiom Manufacturing brand colors for InvenTree (Mantine v7 UI).
 * Injected by Caddy into /web pages (see deploy/Caddyfile). Overrides the PRIMARY palette only,
 * so it applies whatever primaryColor a user picks; semantic colors (red errors, green success) stay.
 * Brand red from axman.com: hsl(4 85% 28%) = #84130B, hover hsl(4 85% 35%) = #A6180E.
 * !important is required: Mantine writes its variables into <style> tags at runtime, after this file.
 */
:root {
  --axiom-0: #fcefed;
  --axiom-1: #f7d7d3;
  --axiom-2: #eeb0a9;
  --axiom-3: #e0837a;
  --axiom-4: #d05a4f;
  --axiom-5: #b8382c;
  --axiom-6: #84130b; /* brand */
  --axiom-7: #6f1009;
  --axiom-8: #5a0d07;
  --axiom-9: #450a05;
  --axiom-hover: #a6180e;
  --axiom-ink: #2e2e38; /* axman.com body text */
}

:root, :root[data-mantine-color-scheme="light"], :root[data-mantine-color-scheme="dark"] {
  --mantine-primary-color-0: var(--axiom-0) !important;
  --mantine-primary-color-1: var(--axiom-1) !important;
  --mantine-primary-color-2: var(--axiom-2) !important;
  --mantine-primary-color-3: var(--axiom-3) !important;
  --mantine-primary-color-4: var(--axiom-4) !important;
  --mantine-primary-color-5: var(--axiom-5) !important;
  --mantine-primary-color-6: var(--axiom-6) !important;
  --mantine-primary-color-7: var(--axiom-7) !important;
  --mantine-primary-color-8: var(--axiom-8) !important;
  --mantine-primary-color-9: var(--axiom-9) !important;
  --mantine-primary-color-filled: var(--axiom-6) !important;
  --mantine-primary-color-filled-hover: var(--axiom-hover) !important;
  --mantine-primary-color-contrast: #fff !important;
  --mantine-radius-default: var(--mantine-radius-md) !important; /* 8px corners, like axman.com */
}

:root[data-mantine-color-scheme="light"] {
  --mantine-primary-color-light: var(--axiom-0) !important;
  --mantine-primary-color-light-hover: var(--axiom-1) !important;
  --mantine-primary-color-light-color: var(--axiom-6) !important;
  --mantine-color-anchor: var(--axiom-6) !important;
}

/* Dark mode: maroon text on near-black is unreadable, so links/outlines use lighter tints. */
:root[data-mantine-color-scheme="dark"] {
  --mantine-primary-color-light: rgba(132, 19, 11, 0.35) !important;
  --mantine-primary-color-light-hover: rgba(132, 19, 11, 0.5) !important;
  --mantine-primary-color-light-color: var(--axiom-2) !important;
  --mantine-color-anchor: var(--axiom-3) !important;
}

/* Many components ask for the primary color BY NAME (e.g. titles: var(--mantine-color-indigo-6)).
 * "indigo" is InvenTree's default primaryColor and is used only once elsewhere in its UI, so the
 * indigo palette is remapped to Axiom maroon: every user on the default theme gets the brand color.
 * ("red" is NOT remapped: InvenTree uses it ~220 times for errors and delete actions.) */
:root, :root[data-mantine-color-scheme="light"], :root[data-mantine-color-scheme="dark"] {
  --mantine-color-indigo-0: var(--axiom-0) !important;
  --mantine-color-indigo-1: var(--axiom-1) !important;
  --mantine-color-indigo-2: var(--axiom-2) !important;
  --mantine-color-indigo-3: var(--axiom-3) !important;
  --mantine-color-indigo-4: var(--axiom-4) !important;
  --mantine-color-indigo-5: var(--axiom-5) !important;
  --mantine-color-indigo-6: var(--axiom-6) !important;
  --mantine-color-indigo-7: var(--axiom-7) !important;
  --mantine-color-indigo-8: var(--axiom-8) !important;
  --mantine-color-indigo-9: var(--axiom-9) !important;
  --mantine-color-indigo-filled: var(--axiom-6) !important;
  --mantine-color-indigo-filled-hover: var(--axiom-hover) !important;
}
:root[data-mantine-color-scheme="light"] {
  --mantine-color-indigo-light: var(--axiom-0) !important;
  --mantine-color-indigo-light-hover: var(--axiom-1) !important;
  --mantine-color-indigo-light-color: var(--axiom-6) !important;
  --mantine-color-indigo-outline: var(--axiom-6) !important;
  --mantine-color-indigo-text: var(--axiom-6) !important;
  --mantine-color-text: var(--axiom-ink) !important; /* axman.com charcoal body text */
}
:root[data-mantine-color-scheme="dark"] {
  /* Text-ish shades (titles use shade 6) must be light on a dark background. Filled buttons keep the
   * real maroon via the explicit *-filled variables above. Declared after the shared block, so these win. */
  --mantine-color-indigo-5: var(--axiom-2) !important;
  --mantine-color-indigo-6: var(--axiom-3) !important;
  --mantine-color-indigo-7: var(--axiom-3) !important;
  --mantine-color-indigo-8: var(--axiom-4) !important;
  --mantine-color-indigo-9: var(--axiom-4) !important;
  --mantine-primary-color-5: var(--axiom-2) !important;
  --mantine-primary-color-6: var(--axiom-3) !important;
  --mantine-primary-color-7: var(--axiom-3) !important;
  --mantine-primary-color-8: var(--axiom-4) !important;
  --mantine-primary-color-9: var(--axiom-4) !important;
  /* Section titles are gradient text from indigo-filled to 25% darker; brighten it in dark mode. */
  --mantine-color-indigo-filled: var(--axiom-4) !important;
  --mantine-color-indigo-filled-hover: var(--axiom-3) !important;
  --mantine-color-indigo-light: rgba(132, 19, 11, 0.35) !important;
  --mantine-color-indigo-light-hover: rgba(132, 19, 11, 0.5) !important;
  --mantine-color-indigo-light-color: var(--axiom-2) !important;
  --mantine-color-indigo-outline: var(--axiom-3) !important;
  --mantine-color-indigo-text: var(--axiom-3) !important;
}

/* Dark mode: the logo's black "AXIOM" wordmark needs a light backing to stay legible. */
:root[data-mantine-color-scheme="dark"] img[src*="axiom-logo"] {
  background: #fff;
  border-radius: 4px;
  padding: 2px 4px;
}