/* ==========================================================================
   Momia · FACTURATION — TOKENS
   Fichier maître. Aucune couleur en dur ailleurs que dans ce fichier.
   Toute page, tout composant, tout module Momia consomme ces variables.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. NEUTRES, TYPOGRAPHIE, ESPACEMENTS — communs à toutes les variantes
   -------------------------------------------------------------------------- */
:root {
  /* --- Encres (texte) --- */
  --c-ink:            #101828;
  --c-ink-muted:      #5b6478;
  --c-ink-soft:       #8a93a6;
  --c-ink-inverse:    #ffffff;

  /* --- Surfaces --- */
  --c-surface:        #ffffff;
  --c-surface-alt:    #f7f8fb;
  --c-surface-sunken: #eef1f7;

  /* --- Filets --- */
  --c-line:           #e4e8f0;
  --c-line-strong:    #cbd2e0;

  /* --- WhatsApp (couleur de marque fixe, indépendante des variantes) --- */
  --c-whatsapp:       #25d366;
  --c-whatsapp-dark:  #1da851;

  /* --- Statuts de document (brouillon, envoyé, payé, annulé) --- */
  --c-status-draft:      #5b6478;
  --c-status-draft-bg:   #edf0f5;
  --c-status-sent:       #b45309;
  --c-status-sent-bg:    #fdf0dc;
  --c-status-paid:       #0e7c66;
  --c-status-paid-bg:    #d7efe8;
  --c-status-void:       #b42318;
  --c-status-void-bg:    #fde3e1;

  /* --- Familles typographiques --- */
  --f-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body:    "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --f-mono:    "DM Mono", ui-monospace, "SFMono-Regular", monospace;

  /* --- Échelle typographique (fluide) --- */
  --t-2xs:  0.6875rem;                            /* 11px — références, codes */
  --t-xs:   0.75rem;                              /* 12px — étiquettes */
  --t-sm:   0.875rem;                             /* 14px — annexes */
  --t-base: 1rem;                                 /* 16px — corps */
  --t-lg:   1.0625rem;                            /* 17px — chapô */
  --t-xl:   clamp(1.25rem, 0.9rem + 1.1vw, 1.5rem);
  --t-2xl:  clamp(1.5rem, 1.1rem + 1.8vw, 2rem);
  --t-3xl:  clamp(2rem, 1.4rem + 2.8vw, 2.875rem);
  --t-4xl:  clamp(2.5rem, 1.6rem + 4.2vw, 4rem);

  /* --- Graisses --- */
  --w-regular:  400;
  --w-medium:   500;
  --w-semibold: 600;
  --w-bold:     700;

  /* --- Interlignes --- */
  --lh-tight: 1.08;
  --lh-snug:  1.28;
  --lh-body:  1.62;

  /* --- Interlettrage --- */
  --ls-display: -0.028em;
  --ls-label:   0.14em;
  --ls-mono:    0.02em;

  /* --- Espacements --- */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;

  /* --- Rayons --- */
  --r-xs:   3px;
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-pill: 999px;

  /* --- Ombres (douces, jamais dramatiques) --- */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-md: 0 4px 16px rgba(16, 24, 40, 0.07);
  --shadow-lg: 0 18px 48px rgba(16, 24, 40, 0.10);

  /* --- Gabarit --- */
  --container:      1180px;
  --container-text: 66ch;

  /* --- Transitions --- */
  --ease:        cubic-bezier(0.32, 0.72, 0.24, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    140ms;
  --dur-base:    260ms;
}

/* --------------------------------------------------------------------------
   2. VARIANTE « INDIGO » — identité retenue pour Momia Facturation
   Bleu-violet des teintures indigo, accent fuchsia emprunté aux pagnes wax.
   Retenue plutôt qu'un bleu SaaS générique : voir DESIGN-TOKENS.md §3.
   -------------------------------------------------------------------------- */
[data-theme="indigo"] {
  --c-brand-900:  #221f63;
  --c-brand-700:  #33308f;
  --c-brand-600:  #4340b8;
  --c-brand-300:  #b3b1ea;
  --c-brand-100:  #e2e1f7;
  --c-brand-050:  #f3f2fd;

  --c-accent-600: #bd1650;
  --c-accent-500: #d91e5b;
  --c-accent-100: #fcdde7;

  --c-focus:      #4340b8;
}

/* --------------------------------------------------------------------------
   3. VARIANTE « ROSE » — identité de Momia Vente
   Couleur de marque reprise telle quelle de l'application Momia
   (momiatg.netlify.app : #c2185b en couleur principale, #7a1044 au survol).
   Accent ambre : la couleur de caisse, chaleur du comptoir.
   Réservée aux pages du module vente/ — le reste du site garde sa variante.
   -------------------------------------------------------------------------- */
[data-theme="rose"] {
  --c-brand-900:  #7a1044;
  --c-brand-700:  #c2185b;
  --c-brand-600:  #ec136a;
  --c-brand-300:  #e7a3bd;
  --c-brand-100:  #f6dce6;
  --c-brand-050:  #fbf1f5;

  --c-accent-600: #c1440e;
  --c-accent-500: #f4a340;
  --c-accent-100: #fdf1e2;

  --c-focus:      #ec136a;
}