/*
Theme Name: Ideart Ateliers
Theme URI: https://ideartateliers.com
Author: Ideart Studio
Description: Thème sur-mesure pour Ideart Ateliers, inspiré du design éditorial et événementiel de Tourisme Montréal (mtl.org). Optimisé pour les ateliers de crânes au sucre traditionnels, festivals et événements culturels.
Version: 2.2.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ideart-ateliers
*/

/* ==========================================================================
   VARIABLES & DESIGN TOKENS (IDENTITÉ VISUELLE IDEART & TOURISME MONTRÉAL)
   ========================================================================== */
:root {
    /* — Couleurs IdeArt (Extraites du Logo et Footer de référence) — */
    --color-primary:        #E91E8C;   /* Magenta signature IdeArt */
    --color-primary-hover:  #C2185B;   /* Magenta plus profond */
    --color-primary-soft:   rgba(233, 30, 140, 0.08);

    --color-cyan:           #00BCD4;   /* Cyan (Handicraft workshops) */
    --color-cyan-hover:     #0097A7;
    --color-cyan-soft:      rgba(0, 188, 212, 0.1);

    --color-violet:         #7B1FA2;   /* Violet (Talleres creativos) */
    --color-terracotta:     #C8624A;   /* Terracotta chaud */
    --color-teal:           #009688;   /* Teal accent séparateur */
    --color-blue-dot:       #1565C0;   /* Bleu rond décoratif */
    --color-gold:           #FFB300;   /* Or / Marigold Día de Muertos */

    /* — Widget Adresse (Bleu emblématique MTL.org) — */
    --color-widget-blue:    #C5E8F0;   /* Bleu clair fiche adresse MTL */
    --color-widget-blue-text: #0E4F5D;

    /* — Neutres & Fonds — */
    --color-bg:             #FFFFFF;
    --color-bg-alt:         #F8F9FA;   /* Gris très clair élégant */
    --color-bg-warm:        #FAF7F5;   /* Fond chaleureux */
    --color-text:           #1C1C1E;   /* Noir doux typographique */
    --color-text-muted:     #636366;   /* Gris descriptif */
    --color-border:         #E5E5EA;   /* Bordure subtile */
    --color-border-hover:   #C7C7CC;

    /* — Tags / Chips — */
    --color-tag-bg:         #FDF0F7;
    --color-tag-text:       #E91E8C;
    --color-tag-border:     rgba(233, 30, 140, 0.2);

    /* — Typographie (Exigences utilisateur) — */
    --font-display:         'League Gothic', -apple-system, sans-serif;
    --font-body:            'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-rounded:         'Nunito', -apple-system, BlinkMacSystemFont, sans-serif; /* Substitut VAG Rounded */
    --font-caption:         'News Cycle', 'Barlow', sans-serif;
    --font-script:          'Dancing Script', cursive;

    /* — Échelle typographique — */
    --fs-hero: clamp(3rem, 7.5vw, 6.25rem);
    --fs-h2: clamp(2rem, 4vw, 3.25rem);
    --fs-h3: clamp(1.4rem, 2.5vw, 2rem);
    --fs-h4: 1.25rem;
    --fs-body: 1.05rem;
    --fs-small: 0.9rem;
    --fs-caption: 0.78rem;

    /* — Espacements & Grille — */
    --header-height: 80px;
    --container-max: 1280px;
    --gutter: 24px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-pill: 9999px;

    /* — Ombres & Transitions — */
    --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.04);
    --shadow-card:   0 8px 30px rgba(0, 0, 0, 0.06);
    --shadow-hover:  0 16px 40px rgba(0, 0, 0, 0.1);
    --transition:    all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base Reset */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: 1.6;
    color: var(--color-text);
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition);
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

ul, ol {
    list-style: none;
}