/* ════════════════════════════════════════════
   SON OF JAH — tokens.css
   Source unique des couleurs, polices, rayons et courbes.
   Chargé par la boutique (avant main.css) et par l'admin.
   ════════════════════════════════════════════ */
:root {
  /* Couleurs */
  --sj-paper:    #f3f2f2;                 /* fond de page */
  --sj-panel:    #eae9e9;                 /* cartes, champs, fonds de photo */
  --sj-panel-2:  #e3e2e1;                 /* vignettes, cadres internes */
  --sj-graphite: #3a3836;                 /* boutons, prix, bandeau */
  --sj-ink:      #201f1d;                 /* texte principal */
  --sj-grey:     #6e6b67;                 /* texte secondaire */
  --sj-hair:     rgba(32,31,29,0.16);     /* filets, bordures */
  --sj-hair-2:   rgba(32,31,29,0.24);     /* pointillés, contour renforcé */
  --sj-tint:     rgba(32,31,29,0.04);     /* fond de carte */
  --sj-tint-2:   rgba(32,31,29,0.07);     /* survol, état actif */
  --sj-scrim:    rgba(243,242,242,0.88);  /* header collant, fond flouté */
  --sj-veil:     rgba(32,31,29,0.28);     /* voile derrière les fenêtres */
  --sj-glint:    rgba(255,255,255,0.09);  /* reflet interne des cadres */
  --sj-shadow:   0 30px 60px -32px rgba(32,31,29,0.26);

  /* Typographie */
  --sj-font-title: 'Cormorant Garamond', Georgia, serif;
  --sj-font-body:  'Lora', Georgia, serif;

  /* Rayons */
  --sj-r-pill:  999px;
  --sj-r-card:  20px;
  --sj-r-inner: 15px;
  --sj-r-field: 14px;
  --sj-r-frame: 26px;

  /* Mouvement */
  --sj-ease: cubic-bezier(0.32, 0.72, 0, 1);
}