/*
 * DoctoZen : jetons de design (seule source des couleurs, de la typographie, des espacements, rayons et ombres).
 * Règle d'accessibilité : l'accent #4FC3F7 n'est JAMAIS utilisé pour du texte sur fond blanc (contraste 2:1).
 * Texte et boutons actifs : #1565C0 (contraste 5,7:1 sur blanc, conforme WCAG AA).
 * Thème clair uniquement (color-scheme: light) tant qu'aucun thème sombre cohérent n'existe.
 */
:root {
  color-scheme: light;

  /* Couleurs de marque */
  --dz-primary: #1565C0;
  --dz-primary-hover: #0D47A1;
  --dz-primary-contrast: #FFFFFF;
  --dz-surface-tint: #E3F2FD;
  --dz-surface-tint-2: #EEF7FE;
  --dz-accent: #4FC3F7;
  --dz-accent-strong: #0277BD; /* courbes secondaires des graphiques (contraste 4,9:1 sur blanc) */

  /* Neutres */
  --dz-bg: #F5F9FD;
  --dz-surface: #FFFFFF;
  --dz-border: #DCE7F2;
  --dz-border-strong: #C5D6E8;
  --dz-text: #102A43;
  --dz-text-muted: #52667A;

  /* États */
  --dz-success: #2E7D32;
  --dz-success-tint: #E8F5E9;
  --dz-danger: #C62828;
  --dz-danger-tint: #FDECEA;
  --dz-warning: #9A5B00;
  --dz-warning-tint: #FFF4E5;
  --dz-info-tint: #E3F2FD;

  /* Typographie : police système (aucun téléchargement en 2G/3G). Base 15 px sur mobile, interlignage 1,4. */
  --dz-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  --dz-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --dz-text-xs: 0.75rem;      /* 12 px : onglets, badges */
  --dz-text-sm: 0.8125rem;    /* 13 px : texte secondaire */
  --dz-text-md: 0.9375rem;    /* 15 px : texte courant */
  --dz-text-lg: 1.0625rem;    /* 17 px : titres de bloc, montants */
  --dz-text-xl: 1.25rem;      /* 20 px : titre de page */
  --dz-text-page-title: var(--dz-text-xl);
  --dz-text-section: 0.78125rem; /* 12,5 px : titre de section, capitales discrètes */
  --dz-text-card: 0.875rem;   /* 14 px : libellé de carte */
  --dz-text-secondary: var(--dz-text-sm);
  --dz-text-input: 1rem;      /* 16 px minimum : évite le zoom automatique d'iOS sur les champs */
  --dz-leading: 1.4;
  --dz-weight-regular: 400;
  --dz-weight-medium: 500;
  --dz-weight-strong: 600;    /* graisse maximale de l'interface */

  /* Espacements : grille de 4/8 px */
  --dz-space-1: 0.25rem;  /* 4 */
  --dz-space-2: 0.5rem;   /* 8 */
  --dz-space-3: 0.75rem;  /* 12 */
  --dz-space-4: 1rem;     /* 16 */
  --dz-space-5: 1.5rem;   /* 24 */
  --dz-space-6: 2rem;     /* 32 */

  /* Rayons et profondeur : ombre douce à deux couches + bordure fine */
  --dz-radius-sm: 10px;
  --dz-radius: 14px;
  --dz-radius-lg: 18px;
  --dz-shadow: 0 1px 2px rgba(16, 42, 67, 0.05), 0 4px 14px rgba(16, 42, 67, 0.06);
  --dz-shadow-raised: 0 2px 4px rgba(16, 42, 67, 0.06), 0 8px 24px rgba(16, 42, 67, 0.08);
  --dz-gradient-tint: linear-gradient(135deg, #E3F2FD 0%, #F2F9FF 55%, #FFFFFF 100%);
  --dz-gradient-icon: linear-gradient(180deg, #EEF7FE 0%, #E3F2FD 100%);

  /* Mouvement : état « pressé » discret, désactivé si l'utilisateur réduit les animations */
  --dz-press-scale: 0.98;
  --dz-press-duration: 120ms;

  /* Ergonomie */
  --dz-touch: 44px;
  --dz-topbar-h: 56px;
  --dz-tabbar-h: 64px;
  /* Espace réservé sous le contenu : barre d'onglets + zone sûre iOS + marge (le dernier élément n'est jamais masqué). */
  --dz-bottom-space: calc(var(--dz-tabbar-h) + env(safe-area-inset-bottom) + var(--dz-space-5));
  --dz-sidebar-w: 248px;
  --dz-content-max: 1080px;
  --dz-focus: 0 0 0 3px rgba(21, 101, 192, 0.35);
}