/* ======================================================
   📜 palette.css — Tyshara (COMPLET v1.0 – 24‑07‑2025)
   • Variables globales uniques centralisées
   • Aucun utilitaire ni classe (fichiers séparés)
   • Couverture : identité, UI states, dérivés, spacings, radius,
     breakpoints, z‑index, durations, ombres, typographie scale
   Réf. Palette officielle v2025.3 fileciteturn3file0
   ====================================================== */

:root {
  /* -------------------------------------------------- */
  /* 1. Identité Chromatique – Couleurs primaires       */
  /* -------------------------------------------------- */
  --ty-lin-brume:          #F4EFE4;
  --ty-anthracite-velours: #262626;
  --ty-poussiere-or:       #B8955F;
  --ty-corail-alchimie:    #D49687;
  --ty-bleu-prusse:        #003153;
  --ty-eau-profonde:       #3A6E6C;
  --ty-sauge-douce:        #8AA98A;
  --ty-rose-boise:         #C78C84;
  --ty-terre-argile:       #9A6C58;

  /* -------------------------------------------------- */
  /* 2. Couleurs secondaires & Capsules                */
  /* -------------------------------------------------- */
  --ty-vert-mousse:        #7E9F96;
  --ty-cuivre-vieilli:     #A77045;
  --ty-bleu-nuit:          #1B1D3C;
  --ty-nuage-pastel:       #F2EFEB;
  --ty-rose-quartz:        #F5C6C6;
  --ty-argent-stellaire:   #C0C6CF;
  /* Capsules spéciales (extrait Référentiel Capsules) */
  --ty-cranes-magenta:     #C14279;  /* Capsule Crânes */
  --ty-pop-citron:         #FED84C;  /* Capsule Pop */
  --ty-nature-sapin:       #184E46;  /* Capsule Nature */

  /* -------------------------------------------------- */
  /* 3. États UI (AA compliant)                         */
  /* -------------------------------------------------- */
  --ty-success: var(--ty-eau-profonde);
  --ty-info:    #5B9D99;
  --ty-warning: var(--ty-cuivre-vieilli);
  --ty-error:   var(--ty-corail-alchimie);

  /* -------------------------------------------------- */
  /* 4. Gradients officiels                            */
  /* -------------------------------------------------- */
  --gradient-or-corail:      linear-gradient(145deg,var(--ty-corail-alchimie) 0%,var(--ty-poussiere-or) 100%);
  --gradient-prusse-celadon: linear-gradient(145deg,var(--ty-bleu-prusse) 0%,var(--ty-eau-profonde) 100%);
  --gradient-cranes:         linear-gradient(145deg,var(--ty-cranes-magenta) 0%,var(--ty-poussiere-or) 100%);
  --gradient-pop:            linear-gradient(145deg,var(--ty-pop-citron) 0%,var(--ty-corail-alchimie) 100%);

  /* -------------------------------------------------- */
  /* 5. Nuances dérivées (lin‑brume → % gris)           */
  /* -------------------------------------------------- */
  --ty-lin-brume-90: color-mix(in srgb,var(--ty-lin-brume) 90%, #000 10%);
  --ty-lin-brume-80: color-mix(in srgb,var(--ty-lin-brume) 80%, #000 20%);
  --ty-lin-brume-70: color-mix(in srgb,var(--ty-lin-brume) 70%, #000 30%);

  /* -------------------------------------------------- */
  /* 6. Spacings (4‑point scale, rem)                   */
  /* -------------------------------------------------- */
  --space-xxs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* -------------------------------------------------- */
  /* 7. Radius (rem)                                    */
  /* -------------------------------------------------- */
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 2rem;

  /* -------------------------------------------------- */
  /* 8. Ombres                                          */
  /* -------------------------------------------------- */
  --shadow-soft:   0 4px 12px rgba(0,0,0,.07);
  --shadow-medium: 0 6px 20px rgba(0,0,0,.12);
  --shadow-deep:   0 12px 40px rgba(0,0,0,.18);

  /* -------------------------------------------------- */
  /* 9. Z‑index                                         */
  /* -------------------------------------------------- */
  --z-dropdown:  900;
  --z-sticky:   1000;
  --z-tooltip:  1100;
  --z-fixed:    1200;
  --z-overlay:  1300;

  /* -------------------------------------------------- */
  /* 10. Breakpoints                                    */
  /* -------------------------------------------------- */
  --bp-xs: 30rem;  /* 480px  */
  --bp-sm: 48rem;  /* 768px  */
  --bp-md: 64rem;  /* 1024px */
  --bp-lg: 80rem;  /* 1280px */
  --bp-xl: 96rem;  /* 1536px */

  /* -------------------------------------------------- */
  /* 11. Durations & Easing                             */
  /* -------------------------------------------------- */
  --dur-fast: 150ms;
  --dur-normal: 300ms;
  --dur-slow: 600ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* -------------------------------------------------- */
  /* 12. Typographie Scale (rem)                        */
  /* -------------------------------------------------- */
  --fs-xs: 0.75rem;  /* 12px  */
  --fs-sm: 0.875rem; /* 14px  */
  --fs-md: 1rem;     /* 16px  */
  --fs-lg: 1.25rem;  /* 20px  */
  --fs-xl: 1.5rem;   /* 24px  */
  --fs-2xl: 2rem;    /* 32px  */
  --fs-3xl: 2.5rem;  /* 40px  */

  /* -------------------------------------------------- */
  /* 13. Divers                                         */
  /* -------------------------------------------------- */
  --ty-white: #ffffff;
  --ty-black: #000000;

    /* -------------------------------------------------- */
    --font-main: 'Montserrat', sans-serif;
--font-deco: 'Satisfy', cursive;
  /* -------------------------------------------------- */
  /* 14. Effets visuels (blur, glassmorphisme, etc.)     */
  /* -------------------------------------------------- */
  --glass-blur-xs: blur(4px);
  --glass-blur-sm: blur(6px);
  --glass-blur-md: blur(8px);
  --glass-blur-lg: blur(12px);

  --glass-bg-white-xs: rgba(255, 255, 255, 0.3);
  --glass-bg-white-sm: rgba(255, 255, 255, 0.5);
  --glass-bg-white-md: rgba(255, 255, 255, 0.7);

  --glass-shadow: 0 0 8px rgba(204, 166, 158, 0.3);
  --glass-border: 1px solid rgba(204, 166, 158, 0.4);


}