/* ==========================================================================
   panneau-immo.fr — Jetons de design (source : 01-MARQUE/VALIDEE/brand-tokens.css)
   Ne jamais coder une couleur en dur ailleurs : utiliser ces variables.
   ========================================================================== */

:root {
  /* --- Couleurs de marque validées --- */
  --brand-ink-900: #0f2a43;   /* logo, titres, textes forts, pied de page */
  --brand-teal-600: #12a89a;  /* actions principales, progression, liens actifs */
  --brand-teal-700: #0e877d;  /* survol et focus des actions turquoise */
  --brand-teal-100: #ddf5f1;  /* fonds d'information et états positifs doux */
  --brand-chalk-50: #f7f6f2;  /* fond éditorial et sections de réassurance */
  --brand-white: #ffffff;     /* cartes, formulaires, espace client */
  --brand-slate-600: #5f7080; /* textes secondaires */
  --brand-slate-200: #d7e0e6; /* bordures et séparateurs */
  --brand-success: #18794e;   /* fichier conforme, paiement accepté */
  --brand-warning: #b45309;   /* fichier à corriger, délai ou information */
  --brand-error: #b42318;     /* blocage, échec de paiement, erreur de fichier */

  /* --- Typographies (chargées localement, repli système Arial/Helvetica) --- */
  --font-heading: "Manrope", Arial, Helvetica, sans-serif;
  --font-body: "Inter", Arial, Helvetica, sans-serif;

  /* --- Rayons & focus --- */
  --radius-control: 10px;
  --radius-card: 16px;
  --focus-ring: 0 0 0 3px rgb(18 168 154 / 28%);

  /* --- Rôles sémantiques dérivés (pour lisibilité du code) --- */
  --color-text: var(--brand-ink-900);
  --color-text-muted: var(--brand-slate-600);
  --color-bg: var(--brand-white);
  --color-bg-editorial: var(--brand-chalk-50);
  --color-border: var(--brand-slate-200);
  --color-action: var(--brand-teal-600);
  --color-action-hover: var(--brand-teal-700);
  --color-action-text: var(--brand-white);
  --color-info-soft: var(--brand-teal-100);
  --color-link: var(--brand-teal-700);

  /* --- Échelle d'espacement (grandes respirations) --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* --- Largeurs de contenu --- */
  --content-max: 1140px;
  --content-narrow: 760px;

  /* --- Ombres rares et légères --- */
  --shadow-sm: 0 1px 2px rgb(15 42 67 / 6%);
  --shadow-card: 0 6px 20px rgb(15 42 67 / 8%);

  /* --- Cible tactile minimale WCAG --- */
  --tap-min: 44px;
}