/*
Theme Name:   Astra Child — Téléphone Rose
Theme URI:    https://telephonerose-direct.com/
Description:  Thème enfant Astra premium pour plateforme de mise en relation téléphonique adultes (18+). Développé sur mesure, sans page builder, optimisé performances, SEO et sécurité.
Author:       Développement sur mesure
Author URI:   https://telephonerose-direct.com/
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child
Tags:         responsive, custom-colors, translation-ready
*/

/* =========================================================================
   DESIGN TOKENS — Source unique de vérité pour tout le thème.
   Toute couleur / rayon / ombre / espacement utilisé ailleurs DOIT
   référencer ces variables. Aucune valeur codée en dur dans les autres CSS.
   ========================================================================= */
:root {
    /* --- Palette --- */
    --tr-black:        #0d0b0e;   /* Noir profond légèrement pourpré      */
    --tr-anthracite:   #1b181d;   /* Anthracite chaud (cartes, sections)  */
    --tr-anthracite-2: #262229;   /* Anthracite clair (surfaces élevées)  */
    --tr-white:        #f5f5f7;   /* Blanc cassé (texte principal)        */
    --tr-grey:         #b4b4bd;   /* Gris (texte secondaire — contraste AA sur anthracite) */
    --tr-grey-soft:    #6b6b73;   /* Gris atténué (texte tertiaire)       */

    --tr-red:          #c1121f;   /* Rouge profond (accent principal)     */
    --tr-red-deep:     #8b0d16;   /* Rouge sombre (hover / dégradés)      */
    --tr-red-glow:     rgba(193, 18, 31, .35); /* Halo rouge (focus/glow) */

    --tr-gold:         #c9a227;   /* Doré discret (détails premium)       */
    --tr-gold-soft:    rgba(201, 162, 39, .18);

    /* --- Surfaces vitrées (glassmorphism léger) --- */
    --tr-glass-bg:     rgba(38, 34, 41, .6);
    --tr-glass-border: rgba(245, 245, 247, .12);
    --tr-glass-blur:   10px;

    /* --- Typographie --- */
    --tr-font-body:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --tr-font-head:  "Playfair Display", Georgia, "Times New Roman", serif;
    --tr-fs-base:    clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
    --tr-lh-base:    1.65;

    /* --- Rayons (coins légèrement arrondis) --- */
    --tr-radius-sm:  8px;
    --tr-radius:     14px;
    --tr-radius-lg:  22px;
    --tr-radius-pill: 999px;

    /* --- Ombres --- */
    --tr-shadow-sm:  0 2px 8px rgba(0, 0, 0, .35);
    --tr-shadow:     0 10px 30px rgba(0, 0, 0, .45);
    --tr-shadow-red: 0 8px 28px var(--tr-red-glow);

    /* --- Espacements (échelle cohérente) --- */
    --tr-space-xs:   0.5rem;
    --tr-space-sm:   1rem;
    --tr-space-md:   2rem;
    --tr-space-lg:   4rem;
    --tr-space-xl:   6rem;

    /* --- Container & layout --- */
    --tr-container:  1200px;
    --tr-gutter:     clamp(1rem, 4vw, 2.5rem);

    /* --- Transitions --- */
    --tr-ease:       cubic-bezier(0.22, 1, 0.36, 1);
    --tr-transition: 0.35s var(--tr-ease);

    /* --- Z-index (échelle nommée pour éviter les conflits) --- */
    --tr-z-header:   1000;
    --tr-z-overlay:  9000;
    --tr-z-agegate:  10000;
}

/* Respect de la préférence utilisateur : réduire les animations. */
@media (prefers-reduced-motion: reduce) {
    :root {
        --tr-transition: 0s;
    }
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================================
   NOTE PERFORMANCE
   Ce fichier ne contient QUE l'en-tête du thème + les design tokens.
   La feuille de style principale du site est chargée séparément depuis
   /assets/css/main.css via functions.php (mise en cache + chargement
   optimisé). Ne pas ajouter ici de règles de mise en page lourdes.
   ========================================================================= */