/* ENGENDRÉ par ~/charte/bin/charte-sync — ne pas modifier à la main. */
/* Projet skorag · thème par défaut : sombre · socle 1.0.0 */

:root {
  --font: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --fs-1: 0.75rem; /* 12 px — secondaire : dates, badges, légendes, unités */
  --fs-2: 0.8125rem; /* 13 px — courant : libellés, navigation, tableaux, titres de section en capitales */
  --fs-3: 0.875rem; /* 14 px — contrôles : boutons, champs, titres de fenêtre */
  --fs-4: 0.9375rem; /* 15 px — titre d'un élément */
  --fs-lecture: 1rem; /* 16 px — texte long à lire ; champs sur écran tactile */
  --fs-5: 1.0625rem; /* 17 px — titre de page, chiffres clés */
  --fs-6: 1.3125rem; /* 21 px — grands chiffres sur téléphone */
  --fs-7: 1.5rem; /* 24 px — grands chiffres */
  --fs-champ: var(--fs-3);
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --r-1: 8px;
  --r-2: 11px;
  --r-3: 14px;
  --r-pill: 99px;
  --h-controle: 2.625rem;
  --h-mini: 1.75rem;
  --cible-tactile: 2.75rem;
  --filet: 1px;
  --t-court: .12s ease;
  --t-moyen: .2s ease;
  color-scheme: dark;
  --bg: #08090b;
  --surface: #060708;
  --card: #0c0d0f;
  --elev: #141518;
  --border: #1b1c20;
  --border-l: #25262b;
  --text: #d1d4dc;
  --text-2: #8a8d98;
  --muted: #858a98;
  --strong: #ffffff;
  --accent: #dc55bd;
  --on-accent: #000000;
  --success: #089981;
  --danger: #f23645;
  --warning: #ff9800;
  --accent-soft: color-mix(in srgb, var(--accent) 16%, var(--card));
  --focus: color-mix(in srgb, var(--accent) 20%, transparent);
  --success-soft: color-mix(in srgb, var(--success) 16%, var(--card));
  --danger-soft: color-mix(in srgb, var(--danger) 16%, var(--card));
  --warning-soft: color-mix(in srgb, var(--warning) 16%, var(--card));
  --shadow-1: 0 1px 2px rgba(0,0,0,.28);
  --shadow-2: 0 4px 14px rgba(0,0,0,.32);
  --shadow-3: 0 14px 36px rgba(0,0,0,.42);
}

[data-theme=clair] {
  color-scheme: light;
  --bg: #e9ebf1;
  --surface: #eef0f5;
  --card: #ffffff;
  --elev: #e2e6ee;
  --border: #dde1ea;
  --border-l: #c6ccd9;
  --text: #1f232c;
  --text-2: #4e5462;
  --muted: #5d6470;
  --strong: #0e1220;
  --accent: #b01f8c;
  --on-accent: #ffffff;
  --success: #0a7d68;
  --danger: #d92637;
  --warning: #a15400;
  --accent-soft: color-mix(in srgb, var(--accent) 13%, var(--card));
  --focus: color-mix(in srgb, var(--accent) 24%, transparent);
  --success-soft: color-mix(in srgb, var(--success) 13%, var(--card));
  --danger-soft: color-mix(in srgb, var(--danger) 13%, var(--card));
  --warning-soft: color-mix(in srgb, var(--warning) 13%, var(--card));
  --shadow-1: 0 1px 2px rgba(16,24,40,.08);
  --shadow-2: 0 4px 14px rgba(16,24,40,.10);
  --shadow-3: 0 14px 36px rgba(16,24,40,.16);
}

/* 16 px dans les champs sur écran tactile : sous 16 px, iOS zoome à chaque toucher. */
@media (pointer: coarse) { :root { --fs-champ: var(--fs-lecture); } }