/* ============================================================================
   Arthize theme overlay for Stirling PDF (Mantine-based UI).
   Overrides only stable Mantine CSS custom properties, so it keeps working
   across upstream Stirling updates. Palette = Arthize "Midnight Zine":
   deep aubergine surfaces, warm cream text, hot coral primary, electric lime.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Geist:wght@300;400;500;600;700&family=Shadows+Into+Light+Two&display=swap');

:root,
[data-mantine-color-scheme="light"],
[data-mantine-color-scheme="dark"] {
  /* Fonts */
  --mantine-font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
  --mantine-font-family-headings: "Gloock", ui-serif, Georgia, serif;
  --mantine-heading-font-weight: 400;

  /* Primary color ramp -> hot coral (Mantine primaryColor is "blue") */
  --mantine-color-blue-0: #fff0ef;
  --mantine-color-blue-1: #ffe0de;
  --mantine-color-blue-2: #ffc2bd;
  --mantine-color-blue-3: #ffa099;
  --mantine-color-blue-4: #ff847b;
  --mantine-color-blue-5: #ff6e64;
  --mantine-color-blue-6: #ff5a52;
  --mantine-color-blue-7: #e94d46;
  --mantine-color-blue-8: #d23f38;
  --mantine-color-blue-9: #b8322c;
  --mantine-color-blue-filled: #ff5a52;
  --mantine-color-blue-filled-hover: #e94d46;
  --mantine-color-blue-light: rgba(255, 90, 82, 0.12);
  --mantine-color-blue-light-hover: rgba(255, 90, 82, 0.20);
  --mantine-color-blue-light-color: #ff7d76;
  --mantine-color-blue-outline: #ff5a52;
  --mantine-color-blue-outline-hover: rgba(255, 90, 82, 0.08);
  --mantine-color-blue-text: #ff7d76;

  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-primary-color-filled: #ff5a52;
  --mantine-primary-color-filled-hover: #e94d46;
  --mantine-primary-color-light: rgba(255, 90, 82, 0.12);
  --mantine-primary-color-light-hover: rgba(255, 90, 82, 0.20);
  --mantine-primary-color-light-color: #ff7d76;
  --mantine-primary-color-contrast: #ffffff;
}

/* Dark scheme -> aubergine surfaces + cream text */
[data-mantine-color-scheme="dark"] {
  --mantine-color-dark-0: #f6efe1;
  --mantine-color-dark-1: #e7dcd0;
  --mantine-color-dark-2: #b7a6c0;
  --mantine-color-dark-3: #8f7b9c;
  --mantine-color-dark-4: #5a4663;
  --mantine-color-dark-5: #3a2a42;
  --mantine-color-dark-6: #281a30;
  --mantine-color-dark-7: #1f1327;
  --mantine-color-dark-8: #190f20;
  --mantine-color-dark-9: #120a18;

  --mantine-color-body: #1a0f1f;
  --mantine-color-text: #f6efe1;
  --mantine-color-default: #281a30;
  --mantine-color-default-hover: #32203b;
  --mantine-color-default-border: rgba(246, 239, 225, 0.14);
  --mantine-color-dimmed: #b7a6c0;
  --mantine-color-anchor: #ff7d76;
}

/* Subtle Arthize "paper" backdrop on the app body */
[data-mantine-color-scheme="dark"] body {
  background-color: #1a0f1f;
  background-image:
    radial-gradient(circle at 12% 14%, rgba(255, 90, 82, 0.10), transparent 42%),
    radial-gradient(circle at 88% 86%, rgba(201, 242, 74, 0.08), transparent 48%);
  background-attachment: fixed;
}

/* Headings use the display serif */
h1, h2, h3, h4, .mantine-Title-root {
  font-family: "Gloock", ui-serif, Georgia, serif;
  letter-spacing: -0.01em;
}

/* Hide leftover upstream documentation links (docs.stirlingpdf.com) that the
   overlay can't rebrand to a real Arthize docs site. Update-safe: targets the
   href host, so any current/future upstream doc link in the menu is hidden. */
a[href*="stirlingpdf.com"] {
  display: none !important;
}