/*
Theme Name: iptvbelgie — IPTV Belgique
Theme URI: https://www.iptvbelgie.be
Author: iptvbelgie
Author URI: https://www.iptvbelgie.be
Description: Thème WordPress premium pour iptvbelgie — service IPTV Belgique francophone. Design mobile-first, palette vert forêt / or doux, optimisé conversion et SEO.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clearstream
Tags: iptv, belgium, french, one-page, custom-colors, custom-logo, responsive-layout
*/

/* =============================================
   VARIABLES CSS GLOBALES — IPTVBELGIE BRAND
   ============================================= */

:root {
  /* Couleurs de marque */
  --cs-green:        #1a4a3a;
  --cs-green-dark:   #12362a;
  --cs-green-light:  #2d6b55;
  --cs-gold:         #c49a2e;
  --cs-gold-dark:    #a07f22;
  --cs-gold-light:   #d4ae50;
  --cs-white:        #ffffff;
  --cs-off-white:    #f8f7f4;
  --cs-anthracite:   #1e2328;
  --cs-text:         #2d3748;
  --cs-text-muted:   #718096;
  --cs-success:      #38a169;
  --cs-alert:        #c05621;
  --cs-muted:        #718096;
  --cs-border:       #e2e8f0;
  --cs-shadow:       rgba(0, 0, 0, 0.08);
  --cs-shadow-md:    rgba(0, 0, 0, 0.14);
  --cs-shadow-lg:    rgba(0, 0, 0, 0.22);
  
  /* Glassmorphism & Premium Design */
  --cs-glass-bg:     rgba(255, 255, 255, 0.75);
  --cs-glass-bg-dark: rgba(26, 35, 40, 0.75);
  --cs-glass-border: rgba(255, 255, 255, 0.3);
  --cs-glass-blur:   blur(12px);

  /* Typographie */
  --font-heading:    'DM Serif Display', Georgia, serif;
  --font-body:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:       'DM Mono', 'Courier New', monospace;

  /* Tailles de police */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;

  /* Espacement */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --container-max:   1200px;
  --container-wide:  1400px;
  --container-narrow: 780px;
  --radius-sm:  4px;
  --radius:     8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition:     0.2s ease;
  --transition-md:  0.3s ease;
  --transition-lg:  0.5s ease;
}
