/* Plomberie du Canigou — design tokens v2
   Généré depuis le skill ui-ux-pro-max — voir design-system/plomberie-du-canigou/MASTER.md
   Pattern : Trust & Authority + Conversion · Style : Trust & Authority / Swiss Modernism 2.0
   Palette : « Authority navy + trust gold » · Typo : Corporate Trust (Lexend + Source Sans 3)
   Dials : variance 3 (centré/minimal) · motion 3 (subtil) · density 4 (standard) */
:root {
  /* --- Couleurs sémantiques (source : colors.csv) --- */
  --color-primary:#1E3A8A;
  --color-on-primary:#FFFFFF;
  --color-secondary:#1E40AF;
  --color-accent:#B45309;        /* CTA uniquement — un seul par écran */
  --color-background:#F8FAFC;
  --color-foreground:#0F172A;
  --color-muted:#E9EEF5;
  --color-border:#CBD5E1;
  --color-destructive:#DC2626;
  --color-ring:#1E3A8A;

  /* Nuances dérivées, nécessaires aux états (hover, fonds, inversions) */
  --navy-50:#EFF3FA; --navy-100:#DCE4F3; --navy-200:#BCCBE8; --navy-300:#93A9D6;
  --navy-400:#6A85C2; --navy-500:#3F5FA8; --navy-600:#2A4795; --navy-700:#1E3A8A;
  --navy-800:#182D6B; --navy-900:#12224F; --navy-950:#0B1533;

  --gold-50:#FDF6EC; --gold-100:#F9E7CB; --gold-200:#F1CD9B; --gold-300:#E5AC66;
  --gold-400:#D48F3F; --gold-500:#B45309; --gold-600:#96450A; --gold-700:#78370B;
  --gold-800:#5A290A; --gold-900:#3D1C07;

  /* Sémantique d'état (source : style Trust & Authority) */
  --success:#059669; --success-bg:#E7F6F0;
  --warning:#B45309; --warning-bg:#FDF6EC;
  --danger:#DC2626;  --danger-bg:#FBEAEA;

  /* --- Surfaces & texte --- */
  --bg:var(--color-background);
  --surface:#FFFFFF;
  --surface-2:var(--color-muted);
  --border:var(--color-border);
  --border-strong:#94A3B8;
  --text:var(--color-foreground);
  --text-2:#334155;              /* 8.6:1 sur --bg */
  --text-3:#475569;              /* 6.5:1 sur --bg — jamais plus clair pour du texte */
  --link:#1E40AF;
  --link-hover:#1E3A8A;

  /* Bandeau urgence */
  --urgence-bg:var(--navy-900); --urgence-text:#DCE4F3; --urgence-accent:#E5AC66;

  /* --- Typographie : Corporate Trust ---
     Lexend est dessinée pour la vitesse de lecture — décisif pour une cible
     de dirigeants et de particuliers de 55 ans et plus. */
  --font-heading:'Lexend', 'Segoe UI', Arial, sans-serif;
  --font-body:'Source Sans 3', 'Segoe UI', Arial, sans-serif;

  /* Échelle typographique (12 14 16 18 24 32 …) */
  --fs-xs:12px; --fs-sm:14px; --fs-base:16px; --fs-md:18px;
  --fs-lg:24px; --fs-xl:32px; --fs-2xl:40px; --fs-3xl:52px;

  /* --- Espacements : base 8, density 4/10 (standard 16-64) --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;

  /* --- Rayons — sobriété Swiss : discrets --- */
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-pill:999px;

  /* --- Ombres — teintées navy, jamais noires --- */
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 4px 6px rgba(15,23,42,.10), 0 1px 2px rgba(15,23,42,.06);
  --shadow-lg:0 10px 30px rgba(15,23,42,.14);

  /* --- Focus (ring) --- */
  --focus-ring:0 0 0 3px rgba(30,58,138,.35);

  /* --- Grille : 12 colonnes, discipline Swiss Modernism --- */
  --grid-columns:12;
  --container:1120px;

  /* --- Mouvement : dial 3/10, subtil --- */
  --dur-fast:150ms; --dur-base:200ms; --ease-out:cubic-bezier(.2,.8,.3,1);
}

[data-theme="dark"] {
  --color-background:#0B1533;
  --color-foreground:#E8EDF7;
  --color-primary:#93A9D6;
  --color-accent:#E5AC66;
  --color-muted:#182D6B;
  --color-border:#2A4795;

  --bg:#0B1533; --surface:#12224F; --surface-2:#182D6B;
  --border:#2A4795; --border-strong:#3F5FA8;
  --text:#E8EDF7; --text-2:#BCCBE8; --text-3:#93A9D6;
  --link:#E5AC66; --link-hover:#F1CD9B;

  --urgence-bg:#182D6B; --urgence-text:#DCE4F3; --urgence-accent:#E5AC66;

  /* Variantes désaturées / éclaircies — jamais les couleurs claires inversées */
  --success:#5FC9A5; --success-bg:#0F2E26;
  --warning:#E5AC66; --warning-bg:#33240F;
  --danger:#F08A8A;  --danger-bg:#3A1A1A;

  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 4px 6px rgba(0,0,0,.45);
  --shadow-lg:0 10px 30px rgba(0,0,0,.55);
  --focus-ring:0 0 0 3px rgba(229,172,102,.45);
}