/**
 * Horizon Theme — Dark Luxury Design System
 * All design tokens as CSS custom properties.
 * Swap this file only to produce a different theme variant.
 */

:root {
  /* ── Surfaces ── */
  --hp-bg:           #0a0a0a;
  --hp-bg-surface:   #111111;
  --hp-bg-raised:    #1a1a1a;
  --hp-bg-overlay:   rgba(10, 10, 10, 0.92);

  /* ── Gold accent ── */
  --hp-gold:         #c9a96e;
  --hp-gold-light:   #e0c99a;
  --hp-gold-dark:    #a07840;
  --hp-gold-muted:   rgba(201, 169, 110, 0.15);

  /* ── Text ── */
  --hp-text:         #f0ece4;
  /* Muted text was #a09890 (~7:1 on the near-black bg — AA-passing but reads
     dim at the xs/sm sizes it's used at: eyebrows, empty-states, "OR", card
     meta). Bumped one measured step lighter to ~8.2:1 (on --hp-bg) / ~8.5:1 — comfortably
     legible while STILL clearly muted vs the bright --hp-text (#f0ece4, ~13:1). */
  --hp-text-muted:   #b2aaa0;
  --hp-text-disabled:#4a4440;
  /* Subtle text: ≥4.5:1 on --hp-bg (#0a0a0a). #767270 measures ~4.6:1 —
     sits between disabled and muted; for legal notices, trust copy, privacy blurbs. */
  --hp-text-subtle:  #767270;

  /* ── Borders ── */
  --hp-border:       rgba(201, 169, 110, 0.20);
  --hp-border-strong:rgba(201, 169, 110, 0.50);

  /* ── Functional ── */
  --hp-locked-overlay: rgba(0, 0, 0, 0.75);
  --hp-success:      #6eb87a;
  --hp-success-muted:rgba(110, 184, 122, 0.15);
  --hp-error:        #c96e6e;
  --hp-error-muted:  rgba(201, 110, 110, 0.15);

  /* ── Typography ── */
  --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(3rem, 7vw, 5.5rem);

  /* ── Spacing ── */
  --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 ── */
  --hp-r-sm:   4px;
  --hp-r-md:   8px;
  --hp-r-lg:   16px;
  --hp-r-xl:   24px;
  --hp-r-full: 9999px;

  /* ── Shadows ── */
  --hp-shadow-card:   0 1px 3px rgba(0,0,0,0.6), 0 0 0 1px rgba(201,169,110,0.08);
  --hp-shadow-raised: 0 8px 32px rgba(0,0,0,0.8), 0 0 0 1px rgba(201,169,110,0.12);
  --hp-shadow-gold:       0 0 20px rgba(201,169,110,0.20);
  --hp-shadow-photo-glow: 0 0 60px rgba(201, 169, 110, 0.15);

  /* ── Overlays & on-accent (skin-aware — a light skin overrides these so the
        chrome that used to be hardcoded dark flips with the base) ── */
  --hp-on-accent:          #0a0a0a;                                            /* text/icons on accent (gold) surfaces */
  --hp-hero-overlay:       linear-gradient(to bottom, rgba(10,10,10,0.40) 0%, rgba(10,10,10,0.90) 80%, var(--hp-bg) 100%);
  --hp-card-veil:          linear-gradient(to top, rgba(10,10,10,0.90) 0%, transparent 100%);
  --hp-header-scrolled-bg: rgba(10,10,10,0.96);
  --hp-media-well:         #0a0a0a;                          /* dark video/reel backdrop */
  --hp-age-gate-img-filter:brightness(0.15) saturate(0.5);   /* dims the gate's hero photo */
  --hp-nav-photo-shadow:   0 1px 3px rgba(0,0,0,0.45);       /* dark halo so LIGHT nav text reads over a photo */

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

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

  /* ── Motion ── */
  --hp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --hp-dur:  0.25s;
}

/* ============================================================
   Horizon Vault — Dark Luxury token overrides
   Maps --hv-* plugin defaults to the Dark Luxury palette.
   THEME-RULES §6.2: sharp corners (border-radius: 0).
   ============================================================ */

:root {
  /* Accent: gold instead of near-black */
  --hv-accent:            var(--hp-gold);
  --hv-accent-hover:      var(--hp-gold-dark);
  --hv-accent-text:       var(--hp-bg);

  /* Surfaces */
  --hv-surface:           var(--hp-bg-surface);
  --hv-surface-raised:    var(--hp-bg-raised);

  /* Borders */
  --hv-border:            var(--hp-border);

  /* Typography */
  --hv-text:              var(--hp-text);
  --hv-text-muted:        var(--hp-text-muted);

  /* Semantic colours */
  --hv-success:           var(--hp-success);
  --hv-warning:           var(--hp-error);

  /* Sharp corners — THEME-RULES §6.2 */
  --hv-border-radius:     0;
  --hv-border-radius-sm:  0;

  /* Shadows — none on dark; use gold ring on hover instead */
  --hv-card-shadow:       none;
  --hv-card-shadow-hover: 0 0 0 1px rgba(201, 169, 110, 0.30);
}