/* Stratenzer — charte graphique v1.0 (2026) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap');

:root {
  --brand-night: #0B2D5B;      /* Bleu nuit : confiance, professionnalisme, stabilite */
  --brand-primary: #2E6EB7;  /* Bleu principal : equilibre, croissance, ambition */
  --brand-light: #8CB4E6;      /* Bleu clair : evolution, ouverture, serenite */
  --brand-pale: #E6F0FA;        /* Bleu tres clair : clarte, simplicite, modernite */
  --brand-ivory: #F9F7F2;      /* Ivoire : elegance, equilibre, espace */
  --brand-grey-900: #3A3F47;
  --brand-grey-500: #8A9099;
  --brand-grey-200: #D9DCE1;
  --brand-grey-100: #EEF0F3;
  --brand-gradient: linear-gradient(135deg, #2E6EB7 0%, #8CB4E6 55%, #E6F0FA 100%);
  --brand-font-title: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --brand-font-text: 'Source Sans 3', 'Segoe UI', Roboto, sans-serif;
  --brand-radius: 14px;
  --brand-shadow: 0 10px 30px rgba(11, 45, 91, 0.12);
}

body.brand-stratenzer { background: var(--brand-ivory); color: var(--brand-grey-900); font-family: var(--brand-font-text); }
.brand-stratenzer h1, .brand-stratenzer h2, .brand-stratenzer h3 { font-family: var(--brand-font-title); color: var(--brand-night); font-weight: 500; }
.brand-stratenzer .wordmark { font-family: var(--brand-font-title); font-weight: 300; letter-spacing: 0.22em; text-transform: uppercase; color: var(--brand-night); }
.brand-stratenzer .btn-primary { background: var(--brand-primary); color: #fff; border: 0; border-radius: var(--brand-radius); padding: 12px 22px; font-weight: 600; cursor: pointer; }
.brand-stratenzer .btn-primary:hover { background: var(--brand-night); }
.brand-stratenzer .btn-secondary { background: var(--brand-pale); color: var(--brand-night); border: 0; border-radius: var(--brand-radius); padding: 12px 22px; font-weight: 600; cursor: pointer; }
.brand-stratenzer .card { background: #fff; border-radius: var(--brand-radius); box-shadow: var(--brand-shadow); }
.brand-stratenzer .bubble-expert { background: var(--brand-pale); color: var(--brand-night); border-radius: 18px 18px 18px 4px; }
.brand-stratenzer .bubble-user { background: var(--brand-night); color: #fff; border-radius: 18px 18px 4px 18px; }
.brand-stratenzer .hero-dark { background: var(--brand-night); color: #fff; }
.brand-stratenzer .pattern { background: url('pattern.svg') center/cover no-repeat; }