/* Jetons de design — alignés sur le kit visuel "Education mobile app" choisi par
   l'utilisateur : bleu dégradé + accent orange corail, Poppins, coins très arrondis.
   Les NOMS de variables restent ceux d'origine (--primary, --text-light, ...) pour que
   tous les écrans déjà écrits en var(--xxx) héritent du nouveau style sans être touchés. */
:root {
  --primary: #3D5CE0;
  --primary-dark: #223C9E;
  --primary-light: #7C93EE;
  --secondary: #3D5CE0;
  --cta: #FF6A45;
  --cta-dark: #E5502C;
  --accent: #FF6A45;
  --navy: #1A2233;
  --bg: #F5F7FB;
  --surface: #FFFFFF;
  --surface2: #F1F4FB;
  --surface3: #E8EDFB;
  --text: #1A2233;
  --text-light: #6B7280;
  --text-muted: #9CA3AF;
  --border: #E7EAF3;
  --border2: #D8DEEF;
  --success: #22C55E;
  --danger: #EF4444;
  --warning: #FF6A45;
  --info: #3D5CE0;
  --violet: #8B5CF6;
  --teal: #14B8A6;
  --frdk: #EA580C;

  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 22px;
  --radius-xl: 26px;

  --shadow-sm: 0 1px 3px rgba(26, 34, 64, .06), 0 1px 1px rgba(26, 34, 64, .04);
  --shadow-md: 0 10px 24px -10px rgba(61, 92, 224, .25), 0 2px 6px rgba(26, 34, 64, .05);
  --shadow-lg: 0 14px 30px -10px rgba(255, 106, 69, .45);

  --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --tab-bar-h: 68px;
  --header-h: 0px; /* les écrans gèrent leur propre bannière dans #app-content */

  /* Zones de sécurité (encoche / barres système en mode edge-to-edge, Android 15+ /
     iOS). Capacitor 8 injecte --safe-area-inset-* sur <html> ; à défaut on retombe sur
     env(). La coquille #app décale tout son contenu de --safe-top (voir layout.css),
     donc les écrans n'ont rien à gérer eux-mêmes. */
  --safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior-y: none;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
input, select, textarea { font-family: inherit; }

/* Style « appli » : aucune barre de défilement visible (le scroll reste actif). */
* { scrollbar-width: none; }
::-webkit-scrollbar { width: 0; height: 0; display: none; }