/**
 * HomeFindR premium public design tokens + utilities.
 * Apply `.premium-homepage` (homepage) or `.premium-public` (other marketing pages)
 * on an ancestor so CSS variables and utility classes resolve.
 * Agent/admin layouts should NOT use these scopes.
 */
:is(.premium-homepage, .premium-public) {
  /* Core dark */
  --home-midnight-purple: #120b2e;
  --home-deep-royal: #1b0b45;
  --home-rich-purple: #2b0a6b;
  --home-hero-overlay-navy: #090d1f;
  --home-footer-dark: #100728;

  /* Brand purple */
  --home-brand-purple: #6d28d9;
  --home-button-purple: #5b21b6;
  --home-button-hover-purple: #4c1d95;
  --home-glow-purple: #7c3aed;
  --home-soft-purple-tint: #f3eeff;

  /* Gold / orange accents */
  --home-orange: #f5a400;
  --home-premium-gold: #d99a20;
  --home-light-gold: #f5b942;
  --home-soft-gold-tint: #fff7e6;

  /* Neutrals */
  --home-page-ivory: #fbf8f2;
  --home-clean-white: #ffffff;
  --home-card-soft: #fffcf7;
  --home-border-light: #e8e1f2;
  --home-border-warm: #efe3cf;
  --home-border-card: #efeaf7;
  --home-text-primary: #17122b;
  --home-text-secondary: #625977;
  --home-text-muted: #8a8299;
  --home-positive: #16a34a;
  --home-footer-heading: #c4a7ff;

  /* Surfaces */
  --home-map-tint: #f8f4ff;
  --home-section-alt: #f7f2ff;
}

:is(.premium-public) {
  --color-brand-purple: var(--home-brand-purple);
  --color-brand-purple-deep: var(--home-button-hover-purple);
  --color-brand-purple-hover: var(--home-button-purple);
  --color-brand-blue: var(--home-glow-purple);
  --color-brand-blue-muted: var(--home-brand-purple);
  --color-brand-orange: var(--home-orange);
  --color-brand-orange-deep: var(--home-premium-gold);
  --color-primary: var(--home-brand-purple);
  --color-primary-hover: var(--home-button-purple);
  --color-secondary: var(--home-glow-purple);
  --color-accent: var(--home-premium-gold);
  --color-background: var(--home-page-ivory);
  --color-surface: var(--home-clean-white);
  --color-surface-2: var(--home-soft-purple-tint);
  --color-surface-elevated: var(--home-card-soft);
  --color-surface-glass: rgba(255, 252, 247, 0.94);
  --color-border: rgba(109, 40, 217, 0.14);
  --color-border-strong: rgba(109, 40, 217, 0.24);
  --color-border-soft: var(--home-border-card);
  --color-text-primary: var(--home-text-primary);
  --color-text-secondary: var(--home-text-secondary);
  --color-text-muted: var(--home-text-muted);
}

:is(.premium-homepage, .premium-public) .home-header-glass-solid {
  background: linear-gradient(90deg, rgba(18, 11, 46, 0.92), rgba(27, 11, 69, 0.78));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

:is(.premium-homepage, .premium-public) .home-header-glass-hero {
  background: linear-gradient(
    180deg,
    rgba(9, 13, 31, 0.58) 0%,
    rgba(18, 11, 46, 0.14) 60%,
    transparent 100%
  );
}

:is(.premium-homepage, .premium-public) .home-btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #6d28d9, #4c1d95);
  box-shadow: 0 12px 28px rgba(109, 40, 217, 0.32);
}

:is(.premium-homepage, .premium-public) .home-btn-primary:hover {
  background: linear-gradient(135deg, #7c3aed, #5b21b6);
  box-shadow: 0 14px 32px rgba(109, 40, 217, 0.38);
}

:is(.premium-homepage, .premium-public) .home-footer-surface {
  background: linear-gradient(135deg, #100728 0%, #1b0b45 55%, #120b2e 100%);
}

:is(.premium-homepage, .premium-public) .home-nav-link {
  position: relative;
}

@media (prefers-reduced-motion: no-preference) {
  :is(.premium-homepage, .premium-public) .home-nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.35rem;
    height: 2px;
    border-radius: 9999px;
    background: transparent;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 160ms ease, background-color 160ms ease;
  }

  :is(.premium-homepage, .premium-public) .home-nav-link:hover::after {
    transform: scaleX(1);
    background: linear-gradient(90deg, #f5a400, #f5b942);
  }

  :is(.premium-homepage, .premium-public) .home-nav-link-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.35rem;
    height: 2px;
    border-radius: 9999px;
    transform: scaleX(1);
    background: linear-gradient(90deg, #f5a400, #f5b942);
  }
}

/* Card + surface helpers for list pages (no layout shift; avoid animating in consumers) */
:is(.premium-homepage, .premium-public) .premium-surface-card {
  border-radius: 22px;
  border: 1px solid var(--home-border-card);
  background: var(--home-clean-white);
  box-shadow: 0 14px 38px rgba(18, 11, 46, 0.08);
}

:is(.premium-homepage, .premium-public) .premium-surface-card:hover {
  border-color: rgba(109, 40, 217, 0.15);
  box-shadow: 0 24px 60px rgba(18, 11, 46, 0.12);
}