/**
 * Design Tokens — Aster Impulsion
 * ============================================================
 * Palette : Violet #381F63 / Coral #F96357 / Jaune #FFC552
 *
 * Surcharge la couche 1 (variables génériques) du thème parent.
 * Les presets WP sont définis dans theme.json de ce thème enfant.
 */

:root {

  /* ── Typographie ─────────────────────────────────────── */
  --font-heading: "Noto Sans", sans-serif;

  /* ── Couleurs ─────────────────────────────────────────── */
  --color-*:initial; /* Réinitialise les variables héritées du thème parent */
  --color-primary:        var(--wp--preset--color--primary);        /* #381F63 */
  --color-primary-medium: var(--wp--preset--color--primary-medium); /* #544372 */
  --color-primary-light:  var(--wp--preset--color--primary-light);  /* #E2E2FF */
  --color-primary-extra-light: var(--wp--preset--color--primary-extra-light); /* #F6F6FF */
  --color-secondary:      var(--wp--preset--color--secondary);      /* #FFC552 */
  --color-tertiary:       var(--wp--preset--color--tertiary);       /* #F96357 */

  /* Fonds */
  --color-bg-base:        var(--wp--preset--color--white);
  --color-bg-subtle:      var(--wp--preset--color--primary-light);
  --color-bg-frosted:     rgba(239, 239, 255, 0.80);
  --color-bg-dark:        var(--wp--preset--color--primary);
  --color-overlay:        rgba(56, 31, 99, 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 ───────────────────────────────────────────── */

  --shadow-card:    0 4px 24px rgba(56, 31, 99, 0.10);
  --shadow-glass:   0 8px 32px rgba(56, 31, 99, 0.15);
  --shadow-btn:     0 2px 8px  rgba(249, 99, 87, 0.25);
}

/* Mode sombre */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-base:    #1a1030;
    --color-bg-subtle:  #2a1f4a;
    --color-bg-frosted: rgba(30, 20, 60, 0.85);
    --color-text-base:  var(--wp--preset--color--primary-light);
    --glass-bg:         rgba(30, 20, 60, 0.85);
    --shadow-card:      0 4px 24px rgba(0, 0, 0, 0.30);
    --shadow-glass:     0 8px 32px rgba(0, 0, 0, 0.40);
  }
}