/*
 Theme Name:   Triennes Astra
 Theme URI:    https://www.triennes.com
 Description:  Theme enfant Astra pour le domaine Triennes
 Author:       Aneox
 Author URI:   https://www.aneox.com
 Template:     astra
 Version:      1.9.0
 Text Domain:  triennes
 License:      proprietary
 Requires at least: 6.4
 Tested up to: 6.9
 Requires PHP: 8.2
*/

/* ============================================
   DESIGN SYSTEM - CSS Custom Properties
   Charte "Heritage Solaire" v1.0
   "La Rigueur Bourguignonne sous la Lumiere du Sud."
   ============================================ */
:root {
    /* Colors - Heritage Solaire palette */
    --tri-bg:           #F7F5F0;  /* Le Calcaire - fond dominant */
    --tri-cypress:      #1A2B25;  /* Le Cypres - structure & texte */
    --tri-terracotta:   #D4A59A;  /* Terre Cuite - accent (CTA, liens hover) */
    --tri-stone:        #E0DED8;  /* Gris Pierre - bordures, fonds secondaires */
    --tri-cream:        #F2EFEA;  /* Variante chaude du Calcaire */

    /* Aliases for backward compatibility (used throughout CSS) */
    --tri-gold:         #D4A59A;  /* = terracotta */
    --tri-gold-light:   #E2C4BC;  /* terracotta eclairci */
    --tri-gold-dark:    #B8887E;  /* terracotta fonce */
    --tri-offwhite:     #F2EFEA;  /* = cream */
    --tri-charcoal:     #1A2B25;  /* = cypress */
    --tri-charcoal-70:  rgba(26, 43, 37, 0.7);
    --tri-text:         #1A2B25;  /* = cypress */
    --tri-text-light:   #4A5550;  /* cypress attenued */
    --tri-text-muted:   #7A8580;  /* pour meta, captions */
    --tri-white:        #F7F5F0;  /* = calcaire (pas de blanc pur) */
    --tri-border:       #E0DED8;  /* = stone */
    --tri-error:        #A0333A;
    --tri-success:      #4A7C59;

    /* Typography - Fraunces (organic serif) + Inter (swiss grotesque) */
    --tri-font-heading: 'Fraunces', 'Georgia', serif;
    --tri-font-body:    'Inter', 'Helvetica Neue', sans-serif;
    --tri-font-nav:     'Inter', 'Helvetica Neue', sans-serif;

    /* Spacing scale (8px base) */
    --tri-space-xs:   0.5rem;    /*  8px */
    --tri-space-sm:   1rem;      /* 16px */
    --tri-space-md:   2rem;      /* 32px */
    --tri-space-lg:   5rem;      /* 80px */
    --tri-space-xl:   8rem;      /* 128px */
    --tri-space-2xl:  10rem;     /* 160px */

    /* Layout */
    --tri-max-width:   1200px;
    --tri-max-narrow:  800px;
    --tri-gutter:      2rem;

    /* Transitions - slow & smooth ("beurre") */
    --tri-transition:      0.4s ease-out;
    --tri-transition-slow: 0.6s ease-out;

    /* Border radius - minimal (rigueur) */
    --tri-radius-sm: 2px;
    --tri-radius-md: 2px;  /* standardise a 2px partout - rigueur */
}