/* ============================================================================
   Charte graphique unifiée — Patrick Beiner
   « Private Members Club » : écru chaleureux, nuit bleu-noir, accents laiton.
   Accent produit Nova Solo : violet #8b5cf6.

   Feuille partagée par les pages statiques (landing, présentation) qui n'ont
   pas de build. Elle n'expose que des tokens ; chaque page garde ses règles.
   Miroir de frontend/src/styles/tokens.css — les deux doivent rester alignés.
   ========================================================================= */

:root {
  /* — Nuit — */
  --pb-night:       #1a1a2e;
  --pb-night-deep:  #16213e;
  --pb-night-lift:  #1e2a4d;
  --pb-night-glass: rgba(22, 33, 62, 0.62);

  /* — Papier écru — */
  --pb-bg:      #faf7f2;
  --pb-bg-alt:  #f5f0e8;
  --pb-surface: #ffffff;

  /* — Encre — */
  --pb-ink:        #1a1a2e;
  --pb-ink-soft:   #5c5c7a;
  --pb-ink-muted:  #6b6b85;
  --pb-on-night:        #faf7f2;
  --pb-on-night-soft:   #c7c7d8;
  --pb-on-night-muted:  #8a8aa0;

  /* — Or & laiton — */
  --pb-brand:       #7a5f39;
  --pb-brand-hover: #63492b;
  --pb-sand:        #c4a882;

  /* — Accent Nova Solo (SaaS & IA) — */
  --pb-nova:       #8b5cf6;
  --pb-nova-light: #a78bfa;
  --pb-nova-ink:   #6d28d9;
  --pb-nova-rgb:   139 92 246;

  /* — Traits — */
  --pb-line:        rgba(139, 111, 71, 0.14);
  --pb-line-strong: rgba(139, 111, 71, 0.28);
  --pb-line-night:  rgba(255, 255, 255, 0.16);

  /* — Arrondis — */
  --pb-radius-card:  20px;
  --pb-radius-block: 24px;
  --pb-radius-hero:  28px;

  /* — Ombres — */
  --pb-shadow-sm: 0 8px 24px rgba(139, 111, 71, 0.26);
  --pb-shadow-md: 0 18px 44px rgba(26, 26, 46, 0.10);
  --pb-shadow-lg: 0 32px 72px rgba(26, 26, 46, 0.24);

  /* — Typographie — */
  --pb-serif: 'Instrument Serif', Georgia, serif;
  --pb-sans:  'Instrument Sans', system-ui, -apple-system, sans-serif;
  --pb-ui:    'Inter', system-ui, sans-serif;
  --pb-mono:  ui-monospace, 'Fira Code', Consolas, monospace;

  /* — Mise en page — */
  --pb-max:    1180px;
  --pb-gutter: 24px;
}

@media (max-width: 767px) {
  :root { --pb-gutter: 18px; }
}

@media (min-width: 1440px) {
  :root { --pb-gutter: 40px; }
}