/**
 * Horizon Theme — "Clean Editorial" base skin (Entertainer default)
 *
 * Warm cream surfaces, charcoal ink, dusty-rose accent, Cormorant Garamond
 * display serif over Inter body. A fashion-magazine, photography-led look for
 * feature performers and touring entertainers. Complete :root token set — the
 * DL component layer (hp-base / hp-components) reads these tokens, so re-tinting
 * here re-themes the whole site. The per-tenant brand_primary override still
 * layers on top.
 *
 * Contrast audit (key pairings, on --hp-bg #FAFAF8):
 *   --hp-text (#2C2826)        ≈ 15.9:1  AA/AAA
 *   --hp-text-muted (#6E645C)  ≈ 5.6:1   AA
 *   --hp-text-subtle (#7C7168) ≈ 4.6:1   AA
 *   --hp-gold-dark (#9A4E48) on white     ≈ 5.9:1   AA (outlined-button text)
 */

:root {
  /* ── Surfaces — warm cream ── */
  --hp-bg:           #FAFAF8;
  --hp-bg-surface:   #FFFFFF;
  --hp-bg-raised:    #F2EDE8;
  --hp-bg-overlay:   rgba(250, 250, 248, 0.95);

  /* ── Accent — dusty rose (default; overridable per-tenant) ── */
  --hp-gold:         #C4756E;
  --hp-gold-light:   #D9998F; /* hover */
  --hp-gold-dark:    #9A4E48; /* active / text-on-light */
  --hp-gold-muted:   rgba(196, 117, 110, 0.12);

  /* ── Text — warm charcoal ── */
  --hp-text:         #2C2826;
  --hp-text-muted:   #6E645C;
  --hp-text-disabled:#C0B8B0;
  --hp-text-subtle:  #7C7168;

  /* ── Borders — quiet warm hairline ── */
  --hp-border:       rgba(44, 40, 38, 0.10);
  --hp-border-strong:rgba(44, 40, 38, 0.28);

  /* ── Functional ── */
  --hp-locked-overlay: rgba(20, 16, 14, 0.55);
  --hp-success:      #4A7A50;
  --hp-success-muted:rgba(74, 122, 80, 0.12);
  --hp-error:        #B05048;
  --hp-error-muted:  rgba(176, 80, 72, 0.10);

  /* ── Typography — editorial serif display, clean sans body ── */
  --hp-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --hp-font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --hp-text-xs:   0.75rem;
  --hp-text-sm:   0.875rem;
  --hp-text-base: 1rem;
  --hp-text-lg:   1.125rem;
  --hp-text-xl:   1.25rem;
  --hp-text-2xl:  1.5rem;
  --hp-text-3xl:  2rem;
  --hp-text-4xl:  2.75rem;
  --hp-text-5xl:  3.75rem;
  --hp-text-hero: clamp(2.75rem, 6vw, 5rem);

  /* ── Spacing — generous editorial rhythm ── */
  --hp-sp-px: 1px;
  --hp-sp-1:  0.25rem;
  --hp-sp-2:  0.5rem;
  --hp-sp-3:  0.75rem;
  --hp-sp-4:  1rem;
  --hp-sp-5:  1.25rem;
  --hp-sp-6:  1.5rem;
  --hp-sp-7:  1.75rem;
  --hp-sp-8:  2rem;
  --hp-sp-10: 2.5rem;
  --hp-sp-12: 3rem;
  --hp-sp-16: 4rem;
  --hp-sp-20: 5rem;
  --hp-sp-24: 6rem;
  --hp-sp-32: 8rem;

  /* ── Radii — soft editorial precision ── */
  --hp-r-sm:   2px;
  --hp-r-md:   4px;
  --hp-r-lg:   8px;
  --hp-r-xl:   16px;
  --hp-r-full: 9999px;

  /* ── Shadows — barely-there on cream, warm-toned ── */
  --hp-shadow-card:       0 1px 4px rgba(44, 40, 38, 0.07), 0 0 0 1px rgba(44, 40, 38, 0.06);
  --hp-shadow-raised:     0 8px 24px rgba(44, 40, 38, 0.10), 0 1px 4px rgba(44, 40, 38, 0.06);
  --hp-shadow-gold:       0 0 16px rgba(196, 117, 110, 0.16);
  --hp-shadow-photo-glow: 0 0 60px rgba(196, 117, 110, 0.14);

  /* ── Overlays & on-accent — light-theme flipped ── */
  --hp-on-accent:          #ffffff;
  --hp-hero-overlay:       linear-gradient(to bottom, rgba(250,250,248,0.05) 0%, rgba(250,250,248,0.55) 55%, rgba(250,250,248,0.88) 82%, var(--hp-bg) 100%);
  --hp-card-veil:          linear-gradient(to top, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.86) 35%, transparent 100%);
  --hp-header-scrolled-bg: rgba(250,250,248,0.96);

  /* ── Skin-aware chrome ── */
  --hp-media-well:         #2C2826;
  --hp-age-gate-img-filter:brightness(0.65) saturate(0.55) grayscale(0.25);
  --hp-nav-photo-shadow:   0 1px 6px rgba(255,255,255,0.72);

  /* ── Utility ── */
  --hp-portrait-glow-bleed: -12px;
  --hp-prose-max:            40rem;

  /* ── Layout ── */
  --hp-content-max:  1280px;
  --hp-content-pad:  clamp(16px, 4vw, 24px);
  --hp-header-h:     72px;

  /* ── Motion — slower, considered ── */
  --hp-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --hp-dur:  0.30s;
}