/* Neon Law brand palette — Tailwind's cyan is the firm's primary color. */
/* First-party (NOT vendored): loaded after bootstrap.min.css so these */
/* token overrides win. The brand cyan is Tailwind's middle cyan, */
/* cyan-500 #06b6d4; we map it onto Bootstrap's `primary`, and onto its */
/* `blue` and `cyan` tokens too, so "primary", "the blue", and "the cyan" */
/* are one color everywhere. cyan-600 #0891b2 and cyan-700 #0e7490 are */
/* the hover and active shades; cyan-400 #22d3ee lifts links on dark. */

:root,
[data-bs-theme="light"] {
  --bs-blue: #06b6d4;
  --bs-cyan: #06b6d4;
  --bs-primary: #06b6d4;
  --bs-primary-rgb: 6, 182, 212;
  --bs-primary-text-emphasis: #0e7490;
  --bs-primary-bg-subtle: #cffafe;
  --bs-primary-border-subtle: #a5f3fc;
  /* Link text needs contrast on white, so links sit a step darker than */
  /* the brand cyan (cyan-600), darkening again on hover (cyan-700). */
  --bs-link-color: #0891b2;
  --bs-link-color-rgb: 8, 145, 178;
  --bs-link-hover-color: #0e7490;
  --bs-link-hover-color-rgb: 14, 116, 144;
}

[data-bs-theme="dark"] {
  --bs-blue: #06b6d4;
  --bs-cyan: #06b6d4;
  --bs-primary: #06b6d4;
  --bs-primary-rgb: 6, 182, 212;
  --bs-primary-text-emphasis: #22d3ee;
  --bs-primary-bg-subtle: #032f38;
  --bs-primary-border-subtle: #075e6f;
  --bs-link-color: #22d3ee;
  --bs-link-color-rgb: 34, 211, 238;
  --bs-link-hover-color: #67e8f9;
  --bs-link-hover-color-rgb: 103, 232, 249;
}

/* Bootstrap compiles the button color into per-component variables with */
/* literal hex, so the :root token alone won't recolor buttons — restate */
/* the cyan family on the two primary button variants the firm uses. */
.btn-primary {
  --bs-btn-bg: #06b6d4;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-bg: #0891b2;
  --bs-btn-hover-border-color: #0891b2;
  --bs-btn-active-bg: #0e7490;
  --bs-btn-active-border-color: #0e7490;
  --bs-btn-disabled-bg: #06b6d4;
  --bs-btn-disabled-border-color: #06b6d4;
  --bs-btn-focus-shadow-rgb: 6, 182, 212;
}

.btn-outline-primary {
  --bs-btn-color: #0891b2;
  --bs-btn-border-color: #06b6d4;
  --bs-btn-hover-bg: #06b6d4;
  --bs-btn-hover-border-color: #06b6d4;
  --bs-btn-active-bg: #06b6d4;
  --bs-btn-active-border-color: #06b6d4;
  --bs-btn-focus-shadow-rgb: 6, 182, 212;
  --bs-btn-disabled-color: #0891b2;
  --bs-btn-disabled-border-color: #06b6d4;
}

/* "Sign in with Google" button on the sign-in page. Google's official */
/* multi-color "G" is inlined as SVG (fixed brand colors); the BUTTON */
/* chrome is themed from Bootstrap surface tokens — not hard-coded hex — */
/* so it reads as a clean bordered surface button in both light and dark, */
/* and a white-label tenant's brand pack recolors it for free. */
.btn-google {
  --bs-btn-bg: var(--bs-body-bg);
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-bg: var(--bs-tertiary-bg);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-border-color: var(--bs-border-color);
  --bs-btn-active-bg: var(--bs-secondary-bg);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-border-color: var(--bs-border-color);
}

/* Service-page reading measure. On a phone the prose holds the classic */
/* 45–75ch line and centers — the tidy single column we want there. On a */
/* desktop (≥768px) the line lengthens to 78ch: the split hero above */
/* already claims the horizontal space and reads big, so the body can run */
/* a touch wider without straying past a comfortable measure. */
.service-prose {
  max-width: 65ch;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .service-prose {
    max-width: 78ch;
  }
}