/* =============================================================================
   styles-marketing-vet.css — VetBooks marketing palette overrides
   =============================================================================
   Scoped to `body.vetbooks-marketing` so it ONLY affects the /vet/ marketing
   pages. DentBooks pages (which never set this class) inherit the original
   green/forest palette from styles-marketing.css untouched.

   Load order in every /vet/ HTML page:
     <link rel="stylesheet" href="../styles-marketing.css?...">    (base)
     <link rel="stylesheet" href="./styles-marketing-vet.css?...">  (this file)

   Palette translation (DentBooks → VetBooks):
     --mkt-bg-dark        forest #0e1d18  →  slate navy   #1a2e3f
     --mkt-bg-cream       cream  #faf7f1  →  cool cream   #f7faff
     --mkt-bg-light       beige  #f0ebe2  →  cool sand    #eaf1f9
     --mkt-card-dark      forest #142823  →  navy card    #20384c
     --mkt-accent         lime   #34d680  →  sky blue     #4a9eff
     --mkt-accent-strong  deeper #29b86b  →  ocean blue   #2f7fdb
     --mkt-text-on-light  forest #0e1d18  →  deep navy    #0e1f33
     ink-2/ink-3 variants retuned to cool-navy neutrals so body copy stays
     readable on the blue-tinted backgrounds.

   Hardcoded color overrides:
     The base sheet hardcodes the DentBooks lime `rgba(52,214,128,...)` inside
     four background-image / box-shadow rules — those don't pick up the
     variable retargeting, so each is overridden here with the equivalent
     sky-blue rgba `rgba(74,158,255,...)`. The Cross-page subnav also hardcodes
     forest `#0e1d18` / `#2c3a36` / cream `#faf7f1` — re-pointed to the navy
     equivalents.

   What is intentionally NOT overridden:
     - Spacing, radius, typography, layout primitives (they're palette-agnostic)
     - Form error red (`#b00020` and the rgba(176,0,32,...) tint) — universal
       semantic color, not brand
     - Inter font stack, transition durations, breakpoints
============================================================================= */

/* ---------- Brand tokens (scoped override) ---------- */
body.vetbooks-marketing {
  /* Surfaces */
  --mkt-bg-dark:            #1a2e3f;
  --mkt-bg-light:           #eaf1f9;
  --mkt-bg-cream:           #f7faff;
  --mkt-card-dark:          #20384c;
  --mkt-card-light:         #ffffff;

  /* Accent — sky blue family */
  --mkt-accent:             #4a9eff;
  --mkt-accent-strong:      #2f7fdb;
  --mkt-accent-soft:        rgba(74, 158, 255, 0.12);
  --mkt-accent-fg:          #0e1f33;

  /* Ink (text colors) */
  --mkt-text-on-dark:       #f3f7fc;
  --mkt-text-on-light:      #0e1f33;
  --mkt-ink-2-on-dark:      #a9b6c4;
  --mkt-ink-3-on-dark:      #7a8794;
  --mkt-ink-2-on-light:     #3a4a5e;
  --mkt-ink-3-on-light:     #647285;

  /* Borders + shadows — re-tinted toward cool navy */
  --mkt-border-dark:        rgba(255, 255, 255, 0.08);
  --mkt-border-strong-dark: rgba(255, 255, 255, 0.14);
  --mkt-border-light:       rgba(14, 31, 51, 0.10);
  --mkt-shadow-soft:        0 1px 2px rgba(14, 31, 51, 0.04), 0 4px 12px rgba(14, 31, 51, 0.06);
  --mkt-shadow-card:        0 10px 30px -12px rgba(14, 31, 51, 0.20);
}

/* ---------- Logo badge ----------
   .mkt-brand-logo background already resolves to var(--mkt-accent) in the base
   sheet, so the token override above flips it to sky blue automatically. The
   rule below is a defensive re-statement in case a future base-sheet change
   hardcodes the lime — keeps the VetBooks logo blue regardless. */
body.vetbooks-marketing .mkt-brand-logo {
  background: var(--mkt-accent);
  color: var(--mkt-accent-fg);
}

/* ---------- Hardcoded-green overrides ----------
   These four rules in the base sheet bake the DentBooks lime
   `rgba(52, 214, 128, ...)` into background-image / gradient / box-shadow
   declarations. Token overrides don't reach them — must restate. */

/* Hero placeholder cross-hatch (subtle 4% lime tint over dark) */
body.vetbooks-marketing .mkt-hero-visual-placeholder {
  background:
    repeating-linear-gradient(
      45deg,
      rgba(74, 158, 255, 0.05),
      rgba(74, 158, 255, 0.05) 12px,
      transparent 12px,
      transparent 24px
    ),
    var(--mkt-bg-dark);
}

/* Value-prop placeholder cross-hatch (subtle 4% lime tint over card) */
body.vetbooks-marketing .mkt-value-visual {
  background:
    repeating-linear-gradient(
      135deg,
      rgba(74, 158, 255, 0.05),
      rgba(74, 158, 255, 0.05) 14px,
      transparent 14px,
      transparent 28px
    ),
    var(--mkt-card-light);
}

/* Featured pricing card on dark — diagonal accent wash */
body.vetbooks-marketing .mkt-pricing-card-featured {
  background: linear-gradient(180deg, var(--mkt-card-dark) 0%, rgba(74, 158, 255, 0.06) 100%);
}

/* Featured pricing card on light — colored drop shadow */
body.vetbooks-marketing .mkt-pricing-card-light.mkt-pricing-featured-light {
  box-shadow: 0 20px 50px -20px rgba(74, 158, 255, 0.35);
}

/* ---------- Cross-page subnav hardcoded colors ----------
   .mkt-subnav and its children hardcode forest `#0e1d18`, mid-forest
   `#2c3a36`, and cream `#faf7f1` (with matching rgba tints) for the sticky
   bar that appears between the main nav and hero on guide pages. Re-point
   to the navy palette so the bar reads as part of the VetBooks brand. */
body.vetbooks-marketing .mkt-subnav {
  background: #f7faff;
  border-bottom-color: rgba(14, 31, 51, 0.08);
}
body.vetbooks-marketing .mkt-subnav::after {
  background: linear-gradient(to right, rgba(247, 250, 255, 0), rgba(247, 250, 255, 1));
}
body.vetbooks-marketing .mkt-subnav a,
body.vetbooks-marketing .mkt-subnav span.mkt-subnav-disabled {
  color: #3a4a5e;
}
body.vetbooks-marketing .mkt-subnav a:hover {
  color: #0e1f33;
}
body.vetbooks-marketing .mkt-subnav a.active {
  color: #0e1f33;
  border-bottom-color: var(--mkt-accent);
}
body.vetbooks-marketing .mkt-subnav span.mkt-subnav-disabled {
  color: rgba(14, 31, 51, 0.32);
}
body.vetbooks-marketing .mkt-subnav-soon {
  color: rgba(14, 31, 51, 0.5);
  background: rgba(14, 31, 51, 0.06);
}