/**
 * athlete-hub-themes.css — Palette variables + template-specific rules
 * Task #950548 — Athlete Hub Mini-Site (SPEC v4 HARDENED)
 * Dependencies: athlete-hub-base.css (structural classes)
 */

/* ══════════════════════════════════════════════════════════════════════
   PALETTE DEFINITIONS (applied via JS on :root)
   Listed here as reference; actual injection is done in athlete-hub-public.js
   ══════════════════════════════════════════════════════════════════════ */

/* Midnight (dark/gold) defaults already on :root in base.css */

/* Arctic: applied when data-palette="arctic" */
[data-palette="arctic"]{
  --hub-bg:#f8fafc;
  --hub-card-bg:#ffffff;
  --hub-text:#1e293b;
  --hub-text-secondary:#64748b;
  --hub-accent:#2563eb;
  --hub-accent-hover:#1d4ed8;
  --hub-on-accent:#ffffff;
  --hub-card-border:rgba(0,0,0,0.06);
  --hub-divider:rgba(0,0,0,0.08);
}
[data-palette="arctic"] .hub-nav{border-bottom-color:rgba(0,0,0,0.08);}
[data-palette="arctic"] .hub-nav-link{color:var(--hub-text-secondary);}
[data-palette="arctic"] .hub-nav-link:hover{color:var(--hub-text);}
[data-palette="arctic"] .hub-mk-card{border-color:var(--hub-card-border);}
[data-palette="arctic"] .hub-partner-item{border-color:var(--hub-card-border);}
[data-palette="arctic"] .hub-metric-chip{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08);}
[data-palette="arctic"] .hub-skeleton{background:linear-gradient(90deg,rgba(0,0,0,0.04) 25%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.04) 75%);}
[data-palette="arctic"] .hub-social-link{border-color:rgba(0,0,0,0.15);color:var(--hub-text-secondary);}
[data-palette="arctic"] .hub-footer{border-top-color:var(--hub-divider);}
[data-palette="arctic"] .hub-contact{border-top-color:var(--hub-divider);}
[data-palette="arctic"] .hub-section-divider{opacity:0.25;}

/* Ember: applied when data-palette="ember" */
[data-palette="ember"]{
  --hub-bg:#1c1917;
  --hub-card-bg:#292524;
  --hub-text:#e7e5e4;
  --hub-text-secondary:#a8a29e;
  --hub-accent:#ea580c;
  --hub-accent-hover:#c2410c;
  --hub-on-accent:#ffffff;
  --hub-card-border:rgba(255,255,255,0.06);
  --hub-divider:rgba(255,255,255,0.08);
}

/* ══════════════════════════════════════════════════════════════════════
   TEMPLATE VARIATIONS
   ══════════════════════════════════════════════════════════════════════ */

/* ── BOLD (default: full-width, impactful) ── */
[data-template="bold"]{--hub-max-width:100%;--hub-h1:48px;--hub-card-pad:32px;}
[data-template="bold"] .hub-header{background:linear-gradient(135deg,rgba(var(--hub-accent-rgb,201,162,39),0.15),transparent);}
[data-template="bold"] .hub-section-divider{display:block;}
[data-template="bold"] .hub-mediakit-grid{grid-template-columns:repeat(3,1fr);}
[data-template="bold"] .hub-metric-chip{padding:14px 20px;}
[data-template="bold"] .hub-metric-value{font-size:20px;}

/* ── CLEAN (centered 800px, minimal) ── */
[data-template="clean"]{--hub-max-width:800px;--hub-h1:36px;--hub-card-pad:24px;}
[data-template="clean"] .hub-header{text-align:center;}
[data-template="clean"] .hub-header-inner{justify-content:center;flex-direction:column;align-items:center;}
[data-template="clean"] .hub-header-bio{margin-left:auto;margin-right:auto;}
[data-template="clean"] .hub-header-actions{justify-content:center;}
[data-template="clean"] .hub-section-divider{display:none;}
[data-template="clean"] .hub-clean-divider{display:block;}
[data-template="clean"] .hub-mediakit-grid{grid-template-columns:repeat(2,1fr);}
[data-template="clean"] .hub-metric-chip{background:transparent;border:none;padding:0 12px 0 0;}
[data-template="clean"] .hub-metric-value{font-size:18px;}
[data-template="clean"] .hub-metrics-row{gap:4px;}
[data-template="clean"] .hub-section{border-bottom:1px solid rgba(var(--hub-text-rgb,148,163,184),0.2);}

/* ── SPORT (960px, energetic, diagonal accent) ── */
[data-template="sport"]{--hub-max-width:960px;--hub-h1:40px;--hub-card-pad:28px;}
[data-template="sport"] .hub-header{padding-top:0;overflow:hidden;}
[data-template="sport"] .hub-header-accent{
  position:absolute;top:0;left:0;right:0;height:220px;
  background:var(--hub-accent);
  clip-path:polygon(0 0,100% 0,100% 65%,0 100%);
  opacity:0.15;z-index:0;
}
[data-template="sport"] .hub-header-inner{position:relative;z-index:1;padding-top:40px;}
[data-template="sport"] .hub-section-divider{display:none;}
[data-template="sport"] .hub-section{padding:48px 0;}
[data-template="sport"] .hub-mediakit-grid{grid-template-columns:repeat(3,1fr);}
[data-template="sport"] .hub-mk-card:hover{transform:scale(1.03);}
[data-template="sport"] .hub-metric-chip{
  padding:8px 16px;border-radius:8px;
  border:1.5px solid var(--hub-accent);
}
[data-template="sport"] .hub-metric-value{font-size:16px;color:var(--hub-accent);}

/* ── Clean divider (only shown in clean template) ── */
.hub-clean-divider{display:none;border:none;border-top:1px solid var(--hub-divider);margin:0 0 32px;}

/* ── Mobile overrides for template grid ── */
@media(max-width:768px){
  [data-template="bold"] .hub-mediakit-grid,
  [data-template="clean"] .hub-mediakit-grid,
  [data-template="sport"] .hub-mediakit-grid{grid-template-columns:1fr;}
  [data-template="clean"] .hub-header{text-align:left;}
  [data-template="clean"] .hub-header-inner{flex-direction:row;align-items:flex-start;justify-content:flex-start;}
  [data-template="clean"] .hub-header-actions{justify-content:flex-start;}
}

/* ── Font loading classes (applied via JS) ── */
.hub-font-inter{font-family:'Inter',sans-serif;}
.hub-font-outfit{font-family:'Outfit',sans-serif;}
.hub-font-space-grotesk{font-family:'Space Grotesk',sans-serif;}