/* KitMCP — généré depuis tokens.json. Ne pas éditer à la main : modifier tokens.json. */
/* Thème : <html data-theme="orange"> (défaut) ou <html data-theme="riso">. */

:root, [data-theme="orange"] {
  --papier: #F2EEE6;
  --papier-releve: #FAF8F3;
  --papier-bulle: #EDE4D6;
  --encre: #2A1A12;
  --encre-douce: #5A4A40;
  --encre-claire: #C9B8A8;
  --ton-1: #FF6C2F;
  --ton-1-trame: #F25E22;
  --ton-1-sur-encre: #FF9A6B;
  --ton-2: #00A0A6;
  --ton-2-fonce: #007A80;
  --sur-ton-2-fonce: #FFFFFF;
  --trait-doux: #D8CCBF;
  --decalage-titre: 7px 6px 0 #00A0A6;
  --decalage-bouton: 4px 4px 0 #00A0A6;
  --decalage-carte: 8px 8px 0 #00A0A6;
  --decalage-fenetre: 10px 10px 0 #00A0A6;
}
[data-theme="riso"] {
  --papier: #F3EFE7;
  --papier-releve: #FBF8F3;
  --papier-bulle: #EAE3EC;
  --encre: #1B1F5E;
  --encre-douce: #4A4E80;
  --encre-claire: #C9CBEA;
  --ton-1: #FF48B0;
  --ton-1-trame: #F23CA4;
  --ton-1-sur-encre: #FF7AC6;
  --ton-2: #0078BF;
  --ton-2-fonce: #0078BF;
  --sur-ton-2-fonce: #FFFFFF;
  --trait-doux: #CFC9DB;
  --decalage-titre: 7px 6px 0 #0078BF;
  --decalage-bouton: 4px 4px 0 #0078BF;
  --decalage-carte: 8px 8px 0 #0078BF;
  --decalage-fenetre: 10px 10px 0 #0078BF;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-22: 88px;
  --radius-none: 0px;
  --radius-pill: 999px;
  --font-sans: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.affiche { font-family: var(--font-sans); font-size: 76px; line-height: 88px; font-weight: 800; letter-spacing: -0.025em; }
.phrase { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 500; letter-spacing: -0.02em; }
.titre { font-family: var(--font-sans); font-size: 56px; line-height: 65px; font-weight: 800; letter-spacing: -0.02em; }
.intertitre { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 800; }
.logo { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 900; letter-spacing: -0.02em; }
.manifeste { font-family: var(--font-sans); font-size: 30px; line-height: 41px; font-weight: 400; letter-spacing: -0.01em; }
.colonne { font-family: var(--font-sans); font-size: 22px; line-height: 31px; font-weight: 500; }
.chapo { font-family: var(--font-sans); font-size: 19px; line-height: 28px; font-weight: 500; }
.corps { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.bouton { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.etiquette { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: 0.04em; }
.donnees { font-family: var(--font-mono); font-size: 14px; line-height: 24px; font-weight: 400; }