/* ──────────────────────────────────────────────────────────────────
   ShopDot Pet — brand layer (vertical)
   Load AFTER foundation/colors_and_type.css; scope is body.brand-pet.

   Identity: WARM. Orange #e15439 is the center of gravity (CTAs, logo,
   eyebrows, hero accent words) — for ALL audiences. Cream surfaces;
   warm-charcoal #2c2f32 dark panels (NOT indigo). Indigo is decorative
   secondary-palette use only (illustrations, swatches, deck shadow
   tints) — never a systematic lean. The old [data-audience="brands"]
   B2B indigo mode was retired 2026-06-07: corporate/B2B pieces use the
   App brand instead of Pet wearing indigo.

   Distinct from App and Health, which share the "Clean White" direction
   (white page + near-black-indigo islands; Health adds its own logo +
   forest accent). The foundation IS a Pet snapshot already,
   so this file is mostly ADDITIONS + scope-clarifying restatements.
   ────────────────────────────────────────────────────────────────── */

.brand-pet {
  /* ─── Logo ─── */
  --brand-logo:      url("../logos/pet/ShopDot Pet - Slate Black-Orange.png"); /* light pages */
  --brand-logo-dark: url("../logos/pet/ShopDot Pet - White-Orange.png");       /* dark panels */
  --brand-logo-full: url("../logos/pet/ShopDot Pet - Orange-Purple.png");      /* full-color mark */

  /* ─── Type fix — General Sans has no 300; alias light → regular ─── */
  --sd-fw-light: 400;

  /* ─── Warm-charcoal dark surface (Pet's "dark" = charcoal, not indigo) ─── */
  --sd-surface-dark:      #2c2f32;
  --sd-fg-on-dark-muted:  rgba(255,255,255,0.78);  /* body copy on dark */
  --sd-fg-on-dark-subtle: rgba(255,255,255,0.55);  /* eyebrows / labels on dark */
  --sd-border-on-dark:    rgba(255,255,255,0.08);  /* hairline on dark */

  /* ─── Warm gradients ─── */
  --sd-grad-cream:        linear-gradient(180deg, #ffffff 0%, var(--sd-bg-cream) 100%);
  --sd-grad-primary:      linear-gradient(135deg, var(--sd-primary-100), var(--sd-primary-400));
  --sd-grad-primary-text: linear-gradient(95deg, #ffd9c8 0%, #f98670 50%, #e15439 100%); /* orange display text */

  /* ─── Decorative blobs — soft/medium peach + amber ─── */
  --sd-blob-peach-soft:   rgba(245,175,161,0.18);
  --sd-blob-peach-medium: rgba(245,175,161,0.30);
  --sd-blob-amber-soft:   rgba(227,160,8,0.20);
  --sd-blob-amber-medium: rgba(227,160,8,0.30);

  /* ─── Deep surface — for pitch/B2B deck bg-deep slides ─── */
  --sd-deep: var(--sd-neutral-950);  /* deep slides: charcoal */

  /* pitch-chrome accent — orange-led by default */
  --sd-accent:     var(--sd-primary);
  --sd-accent-100: var(--sd-primary-100);
  --sd-accent-600: var(--sd-primary-700);
}

/* Pet eyebrows are ORANGE for every audience (the foundation default
   already does this; stated for scope clarity). */
.brand-pet .sd-eyebrow { color: var(--sd-primary-text); }
.brand-pet .sd-eyebrow--on-dark { color: var(--sd-primary-300); }