/* Preflight — design tokens
   Couleurs dérivées de la feuille de style d'immovlan.be (v3-base, sept. 2026).
   Règle : le fuchsia est réservé à la marque (logo, accent décoratif). Jamais pour un statut.
   Deux thèmes : clair (:root) et sombre ([data-theme="dark"]). L'attribut est posé sur <html>
   par resources/views/partials/theme.blade.php, avant l'affichage. */

/* Polices embarquées (SIL OFL, licences dans fonts/) */
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-Variable.ttf") format("truetype");
             font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }

:root {
  color-scheme: light;

  /* Marque */
  --pf-brand: #471F72;          /* violet CTA Immovlan (accent-primary) : wordmark, boutons, éléments validés */
  --pf-brand-hover: #39195B;
  --pf-brand-fill: #471F72;     /* fond des boutons primaires et des chips choisis (texte --pf-on-brand) */
  --pf-brand-fill-hover: #39195B;
  --pf-brand-deep: #2B1344;     /* fonds sombres, tuile d'icône */
  --pf-accent: #E91E79;         /* fuchsia Immovlan (accent-agency) : check du logo uniquement */
  --pf-brand-subtle: #DAD2E3;   /* séparateurs sur fond clair */
  --pf-brand-faint: #F6F4F8;    /* fond de page, survols, pastille complète */
  --pf-on-brand: #FFFFFF;

  /* Neutres (UI) */
  --pf-page-bg: #F6F4F8;        /* fond de page (= --pf-brand-faint) */
  --pf-header-bg: #FFFFFF;      /* en-tête, où se pose le logo */
  --pf-surface: #FFFFFF;
  --pf-text: #111827;
  --pf-text-secondary: #4B5563;
  --pf-text-muted: #6B7280;
  --pf-text-brand-muted: #493D58; /* texte secondaire sur fond --pf-brand-faint */
  --pf-border: #E5E7EB;
  --pf-border-strong: #D1D5DB;
  --pf-divider: #F3F4F6;

  /* Statuts */
  --pf-blocking: #F59E0B;        /* pastille */
  --pf-blocking-icon: #B45309;   /* icônes (3:1 min sur blanc) */
  --pf-blocking-text: #92400E;
  --pf-blocking-bg: #FFFBEB;
  --pf-blocking-border: #FDE68A;
  --pf-ok: #471F72;              /* élément complet = couleur de marque */

  /* Désactivé */
  --pf-disabled-bg: #E5E7EB;
  --pf-disabled-text: #6B7280;

  /* Typo */
  --pf-font-ui: "Archivo", "Helvetica Neue", sans-serif;
  --pf-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --pf-wordmark-stretch: 112%;
  --pf-wordmark-weight: 760;
  --pf-wordmark-tracking: -0.04em;

  /* Formes */
  --pf-radius-sm: 10px;   /* boutons */
  --pf-radius-md: 16px;   /* cartes */
  --pf-radius-pill: 999px;/* chips, statuts */
  --pf-touch: 44px;       /* hauteur min. des contrôles */
}

/* Thème sombre. Toutes les couleurs du thème clair y ont leur valeur (tests/Feature/ThemeTest).
   Noir à peine teinté de violet ; la marque reste en violet plein sur les boutons (texte blanc)
   et passe en lilas pour le texte, les liens, le focus et les coches. */
:root[data-theme="dark"] {
  color-scheme: dark;

  /* Marque */
  --pf-brand: #B9A2E8;          /* texte, liens, focus : 7,6:1 sur surface */
  --pf-brand-hover: #CDBBF0;
  --pf-brand-fill: #6D3FB0;     /* texte blanc : 7:1 */
  --pf-brand-fill-hover: #7A4CC4;
  --pf-brand-deep: #2B1344;
  --pf-accent: #E91E79;         /* inchangé : check du logo uniquement */
  --pf-brand-subtle: #4B4060;
  --pf-brand-faint: #27232F;    /* survols, pastille complète, fond d'aperçu */
  --pf-on-brand: #FFFFFF;

  /* Neutres (UI) */
  --pf-page-bg: #141218;
  --pf-header-bg: #141218;
  --pf-surface: #1E1B23;
  --pf-text: #F4F3F6;
  --pf-text-secondary: #BDB7C6;
  --pf-text-muted: #9A93A5;
  --pf-text-brand-muted: #C9C1D4;
  --pf-border: #302B38;
  --pf-border-strong: #4A4455;
  --pf-divider: #2A2631;

  /* Statuts */
  --pf-blocking: #F59E0B;
  --pf-blocking-icon: #FBBF24;
  --pf-blocking-text: #FCD34D;
  --pf-blocking-bg: #2B2313;
  --pf-blocking-border: #5C4712;
  --pf-ok: #B9A2E8;

  /* Désactivé */
  --pf-disabled-bg: #2A2631;
  --pf-disabled-text: #9E97A8;
}