/**
 * Jetons de style partagés (préfixe --as-, pour « app shell »).
 *
 * Ce fichier ne contient QUE des variables sous :root — aucun sélecteur d'élément,
 * aucune classe. Il peut donc être chargé sur n'importe laquelle des pages
 * existantes sans rien changer à leur rendu : chaque page garde son <style> inline.
 *
 * Valeurs reprises de l'existant : dégradé de fond de my-lists.html et my-list.html,
 * rouge des boutons principaux, violet des catégories.
 */
:root {
  /* Fonds */
  --as-bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  --as-bg-dark: #16213e;
  --as-surface: #ffffff;
  --as-surface-muted: #f8f9fa;

  /* Texte */
  --as-text: #2c3e50;
  --as-text-muted: #7f8c8d;
  --as-text-on-dark: #ffffff;

  /* Accents */
  --as-primary: #ff6b6b;
  --as-primary-dark: #d63031;
  --as-accent: #6c5ce7;
  --as-success: #27ae60;
  --as-warning: #f39c12;
  --as-danger: #e17055;

  /* Formes */
  --as-radius-sm: 10px;
  --as-radius: 18px;
  --as-radius-lg: 30px;
  --as-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  --as-shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.2);

  /* Espacements */
  --as-gap-sm: 8px;
  --as-gap: 16px;
  --as-gap-lg: 24px;

  /* Gabarit d'application */
  --as-tabbar-height: 58px;
  --as-header-height: 56px;
  --as-safe-bottom: env(safe-area-inset-bottom, 0px);
  --as-safe-top: env(safe-area-inset-top, 0px);
  --as-z-header: 900;
  --as-z-tabbar: 950;
  --as-z-overlay: 1000;
}