/*
Theme Name: Dioqa Core
Theme URI: https://dioqa.com
Description: Thème parent modulaire pour tous les projets Dioqa. Base commune avec page builder ACF, sections réutilisables et système de design tokens.
Author: Dioqa
Author URI: https://dioqa.com
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dioqa-core
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Ce thème nécessite:
- Advanced Custom Fields PRO (6.0+)
- Gravity Forms (2.5+) - optionnel
*/

/* Variables CSS par défaut (peuvent être surchargées par les enfants) */
:root {
  /* Couleurs principales - DÉFINIES EN ADMIN via ACF */
  /* Les variables --bs-primary, --bs-primary-rgb, --bs-secondary, --bs-secondary-rgb
   * sont injectées dynamiquement via wp_add_inline_style() dans helpers.php
   * avec les couleurs configurées en admin WordPress.
   * Ne PAS les définir ici pour éviter d'écraser les couleurs custom de l'admin.
   */
  --color-primary: var(--bs-primary);
  --color-secondary: var(--bs-secondary);
  
  /* Couleurs neutres - COMMUNES À TOUS LES THÈMES */
  --color-white: #FFFFFF;
  --color-gray-light: #F1F1F1;
  --color-gray-medium: #6B687D;
  --color-gray-dark: #3B3949;
  --color-gray-darker: #34333C;
  --color-black: #000000;
  
  --bs-gray-light: var(--color-gray-light);
  --bs-gray-medium: var(--color-gray-medium);
  --bs-gray-dark: var(--color-gray-dark);
  --bs-gray-darker: var(--color-gray-darker);
  
  /* Espacement - COMMUN À TOUS LES THÈMES */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 3rem;
  --spacing-xl: 5rem;
  --spacing-xxl: 8rem;
  
  /* Typographie - STANDARDS (surchargés dynamiquement depuis ACF Site Info) */
  /* Variables PRINCIPALES (injectées dynamiquement via PHP) */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Alias pour compatibilité (pointent tous vers les standards) */
  --heading-font: var(--font-heading); /* Alias */
  --body-font: var(--font-body);       /* Alias */
  --font-title: var(--font-heading);   /* Alias */
  --font-primary: var(--font-body);    /* Alias */
  --font-secondary: var(--font-heading); /* Alias */
  
  /* Font sizes - COMMUNE À TOUS LES THÈMES */
  /* Desktop */
  --text-xs: 0.75rem;      /* 12px */
  --text-sm: 0.875rem;     /* 14px */
  --text-md: 1rem;         /* 16px */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --display-xs: 1.5rem;    /* 24px */
  --display-sm: 1.875rem;  /* 30px */
  --display-2sm: 2rem;     /* 32px */
  --display-md: 2.25rem;   /* 36px */
  --display-2md: 2.625rem; /* 42px */
  --display-lg: 3rem;      /* 48px */
  --display-2lg: 3.375rem; /* 54px */
  --display-xl: 3.75rem;   /* 60px */
  --display-2xl: 4.5rem;   /* 72px */
  
  /* Mobile */
  --text-xs-mobile: 0.75rem;    /* 12px */
  --text-sm-mobile: 0.875rem;   /* 14px */
  --text-md-mobile: 1rem;       /* 16px */
  --text-lg-mobile: 1.0625rem;  /* 17px */
  --text-xl-mobile: 1.125rem;   /* 18px */
  --display-xs-mobile: 1.25rem;  /* 20px */
  --display-sm-mobile: 1.75rem;  /* 28px */
  --display-2sm-mobile: 1.75rem; /* 28px */
  --display-md-mobile: 2rem;     /* 32px */
  --display-2md-mobile: 2.375rem; /* 38px */
  --display-lg-mobile: 2.375rem;  /* 38px */
  --display-2lg-mobile: 2.375rem; /* 38px */
  --display-xl-mobile: 2.375rem;  /* 38px */
  --display-2xl-mobile: 2.375rem; /* 38px */
  
  /* Line heights */
  --line-height-base: 1.5;
  --line-height-tight: 1.2;
  --line-height-loose: 1.8;
  
  /* Transitions - COMMUNES À TOUS LES THÈMES */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Ombres - COMMUNES À TOUS LES THÈMES */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
  
  /* Border radius - COMMUN À TOUS LES THÈMES */
  --radius-sm: 0.25rem;    /* 4px */
  --radius-md: 0.375rem;   /* 6px */
  --radius-lg: 0.625rem;   /* 10px */
  --radius-xl: 0.9375rem;  /* 15px */
  --radius-xxl: 1.25rem;   /* 20px */
  --radius-full: 9999px;
  
  /* Breakpoints (pour référence, utilisés en media queries) */
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
}

/* Reset minimal */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--color-gray-darker);
  background-color: var(--color-white);
  overflow-x: hidden;
}

/* Le reste du CSS est chargé via theme-core.css */