/* PALETTE — synthese originale (Binance/Apple/Cal.com/Pinterest lus comme
   mecaniques, pas copies) : indigo profond en accent principal, ambre
   rare en accent secondaire (chiffres/badges uniquement), sur canvas
   clair chaud (pas blanc pur). Cards avec ombre douce (contrairement
   aux 4 references qui bannissent l'ombre) — c'est ce qui differencie
   le systeme des quatre. */
:root{
  /* Surfaces claires */
  --canvas:            #F7F5F1;   /* fond de page, chaud, pas blanc */
  --surface-card:      #FFFFFF;   /* cards elevees */
  --surface-soft:      #F0EEE8;   /* bandeaux, nav-pill, footer-top */
  --hairline:          #E4E1D8;
  --border-strong:     #B5AF9C;

  /* Encre */
  --ink:          #1B1A17;
  --body:         #33322C;
  --muted:        #6B6A61;
  --muted-soft:   #94938A;

  /* Fond sombre (footer, bandeau preuve) */
  --dark:          #14131C;
  --dark-elevated: #1D1C28;
  --on-dark:       #F5F4F0;
  --on-dark-muted: #9A98A8;

  /* Accent principal — indigo */
  --primary:         #4338CA;
  --primary-hover:    #372DA6;
  --primary-pressed:  #2E2588;
  --on-primary:       #FFFFFF;
  --primary-quiet:    #ECEAFB;
  --primary-on-dark:  #8B80F0;

  /* Accent secondaire — ambre (chiffres-cles et badges uniquement, jamais un CTA).
     Assombri vs la 1re passe : #D97706 sur --canvas ne passait pas le
     contraste AA (~2.9:1). #92400E tient ~6.5:1. */
  --highlight:     #92400E;
  --highlight-soft:#FBEBD0;

  /* Semantique — assombries pour tenir l'AA sur leurs fonds clairs respectifs
     (les teintes d'origine, reprises telles quelles de l'app, tombaient a
     ~3:1 une fois posees sur le canvas/les fonds de badge de ce systeme). */
  --ok:      #0A6B45;
  --ok-bg:   #E1F3EA;
  --warn:    #8A6410;
  --warn-bg: #F5ECD2;
  --danger:  #8B3A26;
  --danger-bg: #F2DDD3;

  /* Ombre douce — reservee aux cards elevees (produit, formulaire) */
  --shadow-card: 0 1px 2px rgba(27,26,23,.04), 0 8px 24px -8px rgba(27,26,23,.10);
  --shadow-lifted: 0 16px 40px -12px rgba(27,26,23,.16);

  /* Alias */
  --bg-page: var(--canvas);
  --text-title: var(--ink);
  --text-body: var(--body);
  --focus-ring: var(--primary);
}