/*
 * tokens.css : charte Aurora Bloom.
 * Famille Sa Natha, mais palette INVERSEE : la peche domine, le prune accentue.
 * Sa Natha Douce fait l'inverse. Les deux apps se ressemblent sans se confondre.
 * Toute couleur de l'app vit ici. Aucune valeur en dur ailleurs.
 */

:root {
  /* ----- Palette de marque ----- */
  --prune:        #6E4B63;
  --prune-fonce:  #4A3143;
  --prune-clair:  #8F6A84;
  --aube:         #F2C4AE;
  --aube-clair:   #F9DED0;
  --aube-fonce:   #E0A388;
  --creme:        #FBF4EC;
  --creme-tiede:  #F5E9DC;
  --dore:         #D9A441;
  --dore-clair:   #EFC878;

  /* ----- Palette de MARQUE, fixe (1.5.2, 22/10/2026) : jamais redefinie par css/couleurs.css.
     L image partagee et les etiquettes dorees du Premium restent ainsi dans les couleurs d Aurora,
     quel que soit le theme choisi. ----- */
  --marque-prune:       #6E4B63;
  --marque-prune-fonce: #4A3143;
  --marque-prune-clair: #8F6A84;
  --marque-creme:       #FBF4EC;
  --grad-partage:       linear-gradient(160deg, #8F6A84 0%, #6E4B63 58%, #4A3143 100%);

  /* ----- Le Premium, lotus d or (1.3.1, 15/10/2026) ----- */
  --or-metal:       linear-gradient(115deg, #7E5E24 0%, #C9A24F 14%, #FFF3C8 28%, #E8C77E 40%, #A67C33 55%, #F7E2A6 72%, #B48A3E 86%, #6F521F 100%);
  --or-texte:       #F7E2A6;
  --or-trait:       rgba(239, 200, 120, 0.55);
  --or-lueur:       rgba(232, 199, 126, 0.75);
  --membre-fond:    linear-gradient(150deg, #4A3143 0%, #2C1B28 70%, #3A2433 100%);
  --membre-halo:    radial-gradient(90% 120% at 100% 0%, rgba(242, 196, 174, 0.22) 0%, transparent 55%);
  --membre-texte:   #F2DDB8;
  --sceau-fond:     rgba(44, 27, 40, 0.55);
  --insigne-fond:   rgba(44, 27, 40, 0.78);

  /* ----- Roles ----- */
  --fond:            var(--creme);
  --fond-carte:      #FFFFFF;
  --texte:           var(--prune-fonce);
  --texte-doux:      var(--prune-clair);
  --texte-sur-image: #FFFFFF;
  --accent:          var(--prune);
  --accent-chaud:    var(--dore);
  --trait:           rgba(110, 75, 99, 0.14);
  --voile:           rgba(74, 49, 67, 0.55);

  /* ----- Degrades du fil, un par categorie ----- */
  --grad-confiance:  linear-gradient(160deg, #8F6A84 0%, #6E4B63 58%, #4A3143 100%);
  --grad-amour:      linear-gradient(160deg, #F9DED0 0%, #F2C4AE 52%, #D98E8E 100%);
  --grad-calme:      linear-gradient(160deg, #E4DCEC 0%, #B9A6C9 55%, #8F6A84 100%);
  --grad-abondance:  linear-gradient(160deg, #F6DFA8 0%, #D9A441 60%, #A8762A 100%);
  --grad-gratitude:  linear-gradient(160deg, #FBF4EC 0%, #F2C4AE 55%, #E0A388 100%);
  --grad-force:      linear-gradient(160deg, #6E4B63 0%, #4A3143 55%, #2C1B28 100%);
  --grad-reussite:   linear-gradient(160deg, #EFC878 0%, #C98A4B 55%, #8C5A33 100%);
  --grad-matin:      linear-gradient(160deg, #FDF6F0 0%, #F9DED0 48%, #F2C4AE 100%);

  /* Certaines categories sont claires : le texte doit basculer en prune. */
  --texte-sur-amour:     #4A3143;
  --texte-sur-gratitude: #4A3143;
  --texte-sur-matin:     #4A3143;

  /* ----- Typographie ----- */
  --police-titre: 'Fraunces', Georgia, 'Times New Roman', serif;
  --police-corps: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;

  --t-affirmation: clamp(28px, 7.2vw, 44px);
  --t-titre:       clamp(22px, 5.4vw, 30px);
  --t-corps:       16px;
  --t-petit:       13.5px;

  /* ----- Espacements et formes ----- */
  --gap-xs: 6px;
  --gap-s:  12px;
  --gap-m:  20px;
  --gap-l:  32px;
  --rayon:       20px;
  --rayon-petit: 12px;
  --rayon-rond:  999px;

  /* ----- Zones sures Android. Piege Capacitor 8 + viewport-fit=cover. ----- */
  --sure-haut: env(safe-area-inset-top, 0px);
  --sure-bas:  env(safe-area-inset-bottom, 0px);

  /* ----- Mouvement ----- */
  --duree-courte: 180ms;
  --duree-moyenne: 420ms;
  --courbe: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duree-courte: 1ms; --duree-moyenne: 1ms; }
}