/*
Theme Name: Tasse2Cafes
Theme URI: https://tasse2cafes.com
Author: Tasse2Cafes Studio
Author URI: https://tasse2cafes.com
Description: Thème personnalisé sombre bilingue FR/JP pour Tasse2Cafes — boutique print-on-demand via Gelato. French touch + esprit japonais. Ultra léger, parallaxe raffiné, WooCommerce ready.
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: tasse2cafes
Tags: dark, bilingual, woocommerce, japanese, french, parallax, minimal, ecommerce
*/

/* ============================================================
   VARIABLES CSS GLOBALES — PALETTE TASSE2CAFES
   ============================================================ */
:root {
    /* Couleurs principales */
    --color-bg:           #0e0d0c;   /* Noir café profond */
    --color-bg-alt:       #161412;   /* Légèrement plus clair */
    --color-surface:      #1e1b18;   /* Surfaces cartes */
    --color-surface-alt:  #252119;   /* Surfaces secondaires */
    --color-border:       #2e2a25;   /* Bordures subtiles */

    /* Accents chauds */
    --color-accent:       #c4874a;   /* Ocre / bronze */
    --color-accent-warm:  #d4955a;   /* Bronze plus chaud */
    --color-accent-red:   #8b3a2a;   /* Rouge brique */
    --color-accent-light: #e8c49a;   /* Crème dorée */

    /* Texte */
    --color-text:         #e8e4de;   /* Blanc cassé chaud */
    --color-text-muted:   #9a9088;   /* Gris chaud atténué */
    --color-text-subtle:  #6a6058;   /* Très atténué */

    /* Typographie */
    --font-fr:    'DM Sans', 'Inter', 'Helvetica Neue', sans-serif;
    --font-jp:    'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
    --font-mono:  'JetBrains Mono', 'Fira Code', monospace;

    /* Espacements */
    --space-xs:   0.25rem;
    --space-sm:   0.5rem;
    --space-md:   1rem;
    --space-lg:   2rem;
    --space-xl:   4rem;
    --space-2xl:  8rem;

    /* Transitions */
    --transition-fast:   0.15s ease;
    --transition-base:   0.3s ease;
    --transition-slow:   0.6s ease;

    /* Rayons */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  16px;

    /* Ombres */
    --shadow-card: 0 4px 24px rgba(0,0,0,0.4);
    --shadow-hover: 0 8px 40px rgba(196,135,74,0.15);
}