:root {
  /* Socle neutre fixe (light) */
  --sc-paper:          #F1EFEA;
  --sc-surface:        #FFFFFF;
  --sc-surface-2:      #FBFAF8;
  --sc-ink:            #0B0A08;
  --sc-text:           #1A1917;
  --sc-text-muted:     #6B6A66;
  --sc-text-subtle:    #97958F;
  --sc-border:         #EAE7E0;
  --sc-border-strong:  #D6D3CC;

  /* Couleur primaire par tenant (surchargée a l'execution) */
  --sc-primary:        #C9EA53;
  --sc-primary-ink:    #1E2A05; /* texte sur primaire claire */
  --sc-primary-hover:  color-mix(in oklab, var(--sc-primary), black 10%);
  --sc-primary-weak:   color-mix(in oklab, var(--sc-primary), white 82%);
  --sc-on-ink:         #F1EFEA; /* texte sur encre */

  /* Teintes categorie (pastels desatures) */
  --sc-tint-rose:      #FBECE9;  --sc-tint-rose-ink:  #B4523E;
  --sc-tint-blue:      #E9F0FB;  --sc-tint-blue-ink:  #2F6FEB;
  --sc-tint-amber:     #FBF3E1;  --sc-tint-amber-ink: #9A6C12;
  --sc-tint-mint:      #E9F5EC;  --sc-tint-mint-ink:  #1E7A4D;
  --sc-tint-lilac:     #F1EDFB;  --sc-tint-lilac-ink: #6D45B7;

  /* Semantique */
  --sc-success:        #1E7A4D;  --sc-success-weak:   #E9F3EE;
  --sc-warning:        #B7791F;  --sc-warning-weak:   #FBF1E0;
  --sc-danger:         #C0392B;  --sc-danger-weak:    #FBECEA;

  /* Rayons (style tres arrondi / bento) */
  --sc-r-sm:           10px;
  --sc-r-lg:           22px;
  --sc-r-xl:           26px;
  --sc-r-pill:         999px;

  /* Typographie (aucune serif) */
  --sc-font-display:   "Clash Display", "Bricolage Grotesque", system-ui, sans-serif;
  --sc-font-sans:      "Inter", "Satoshi", system-ui, -apple-system, sans-serif;
  --sc-font-mono:      "JetBrains Mono", ui-monospace, monospace;

  /* Espacement */
  --sc-gap:            16px;
  --sc-pad-card:       22px;
}

/* Import polices (repo : Fontshare pour Clash Display / Satoshi ;
   sandbox CSP : Google Fonts pour Bricolage Grotesque / Inter) */
/* @import url('https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=satoshi@400,500,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700&family=Inter:wght@400;500;600&display=swap'); */