/**
 * Design Tokens — Aster Site 2 (déclinaison Navy/Indigo)
 * ============================================================
 *
 * Ce fichier surcharge UNIQUEMENT la couche 1 (variables
 * génériques) du thème parent. Tout le code des blocs et
 * patterns continue d'utiliser les mêmes noms de variables
 * (--color-primary, --style-title-1-*, etc.)
 *
 * Les presets WP (--wp--preset--color--*) sont définis dans
 * le theme.json du thème enfant qui hérite du parent mais
 * redéfinit la palette.
 *
 * Palette site 2 :
 *   primary        → #1F3B42  (navy)
 *   primary-medium → #2D525B  (navy moyen)
 *   primary-light  → #FFEEDF  (fond glacé)
 *   secondary      → #FF6A1B  (vert menthe)
 *   tertiary       → #00919C  (indigo)
 */

:root {

  /* ── Typographie ─────────────────────────────────────── */
  --font-heading: "Roboto Slab", serif;

  /* ── Couleurs ─────────────────────────────────────────── */

  --color-primary:        var(--wp--preset--color--primary);        /* #1F3B42 */
  --color-primary-medium: var(--wp--preset--color--primary-medium); /* #2D525B */
  --color-primary-light:  var(--wp--preset--color--primary-light);  /* #FFEEDF */
  --color-secondary:      var(--wp--preset--color--secondary);      /* #FF6A1B */
  --color-tertiary:       var(--wp--preset--color--tertiary);       /* #00919C */

  /* Fonds */
  --color-bg-base:        var(--wp--preset--color--white);
  --color-bg-subtle:      var(--wp--preset--color--primary-light);
  --color-bg-frosted:     rgba(232, 238, 255, 0.80);
  --color-bg-dark:        var(--wp--preset--color--primary);
  --color-overlay:        rgba(0, 10, 110, 0.70);

  /* Textes */
  --color-text-base:      var(--wp--preset--color--primary);
  --color-text-muted:     var(--wp--preset--color--primary-medium);
  --color-text-accent:    var(--wp--preset--color--tertiary);
  --color-text-on-dark:   var(--wp--preset--color--white);
  --color-text-on-accent: var(--wp--preset--color--white);

  /* Interactifs */
  --color-btn-bg:         var(--wp--preset--color--tertiary);
  --color-btn-text:       var(--wp--preset--color--white);
  --color-btn-bg-hover:   var(--wp--preset--color--primary);
  --color-btn-text-hover: var(--wp--preset--color--white);
  --color-link:           var(--wp--preset--color--tertiary);
  --color-link-hover:     var(--wp--preset--color--primary);
  --color-border:         var(--wp--preset--color--primary-light);
  --color-border-accent:  var(--wp--preset--color--tertiary);
  --color-focus-ring:     var(--wp--preset--color--tertiary);

  /* Décoratif */
  --color-deco:           var(--wp--preset--color--secondary);

  /* ── Ombres adaptées palette navy ─────────────────────── */

  --shadow-card:    0 4px 24px rgba(0, 10, 110, 0.10);
  --shadow-glass:   0 8px 32px rgba(0, 10, 110, 0.15);
  --shadow-btn:     0 2px 8px  rgba(91, 79, 214, 0.25);
}

/* Mode sombre — site 2 */
@media (prefers-color-scheme: dark) {
  /* :root {
    --color-bg-base:    #00072A;
    --color-bg-subtle:  #0A1050;
    --color-bg-frosted: rgba(0, 10, 80, 0.85);
    --color-text-base:  var(--wp--preset--color--primary-light);
    --glass-bg:         rgba(0, 10, 80, 0.85);
    --shadow-card:      0 4px 24px rgba(0, 0, 0, 0.30);
    --shadow-glass:     0 8px 32px rgba(0, 0, 0, 0.40);
  } */
}