/*
Theme Name: Wave Storia
Theme URI: https://wavestoria.com
Author: Audio Pictura
Author URI: https://audiopictura.com
Description: Thème sur-mesure pour Wave Storia, moteur de découverte de podcasts indépendants. Sidebar fixe, champ de recherche central, halo coloré par univers.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: wave-storia
*/

/* ==========================================================================
   Design tokens
   -- accent / accent-dim / accent-ink sont redéfinis dynamiquement en inline
   sur <body> selon le contexte (univers du podcast/de la page). Les valeurs
   ci-dessous sont le vert par défaut Wave Storia (pages sans univers).
   ========================================================================== */
:root{
  --bg: #17181a;
  --surface: #1e2022;
  --surface-2: #26292c;
  --border: #33363a;
  --border-soft: #2a2d30;
  --text: #edeef0;
  --text-muted: #9ba1a6;
  --text-faint: #63686d;

  --accent: #cbd629;
  --accent-dim: rgba(203,214,41,0.27);
  --accent-dimmer: rgba(203,214,41,0.07);
  --accent-border: rgba(203,214,41,0.35);
  --accent-ink: #14170a;

  --radius: 14px;
  --sidebar-width: 264px;
  --content-max: 920px;
  --search-max: 640px;
}

*{box-sizing:border-box; margin:0; padding:0;}

html{-webkit-text-size-adjust:100%;}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Space Grotesk', sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

::selection{background:var(--accent-dim); color:var(--text);}

img{max-width:100%; display:block;}

a{color:inherit;}

button{font-family:inherit; cursor:pointer;}

svg{display:block;}

/* ==========================================================================
   Typographie de base
   Fraunces  -> titres éditoriaux (wordmark, headline, H1/H2 de contenu)
   Space Grotesk -> interface, corps de texte
   JetBrains Mono -> métadonnées, labels, breadcrumbs, tags
   ========================================================================== */
h1, h2, h3{
  font-family:'Fraunces', serif;
  font-weight:500;
  color:var(--text);
}

/* Le reste des styles (sidebar, hero, cartes, single post, footer...) vit
   dans des fichiers dédiés par composant, chargés depuis functions.php,
   pour rester lisible et maintenable plutôt qu'un seul fichier monolithique. */
