/* =====================================================
   PrivateSource — Design tokens
   Variables CSS de la landing / (email-first).
   Source : style inline www/index.html (l. 247-315).
   ===================================================== */

:root {
  /* Brand & Primary */
  --ps-primary: #0a58ca;
  --ps-primary-rgb: 10, 88, 202;
  --ps-primary-dark: #084298;
  --ps-primary-light: #f0f7ff;
  --ps-primary-border: #b6d4fe;

  /* Status */
  --ps-success: #198754;
  --ps-success-rgb: 25, 135, 84;
  --ps-success-dark: #146c43;
  --ps-success-light: rgba(25, 135, 84, 0.05);
  --ps-success-pale: #e8f5e9;
  --ps-success-text: #2e7d32;
  --ps-error: #dc3545;
  --ps-error-rgb: 220, 53, 69;

  /* Backgrounds */
  --ps-bg-app: #f5f5f7;
  --ps-bg-card: #ffffff;
  --ps-bg-hover: #f8f9fa;

  /* Borders & Text */
  --ps-border: #e0e0e0;
  --ps-border-light: #dee2e6;
  --ps-text: #000000;
  --ps-text-body: #333333;
  --ps-text-secondary: #6c757d;
  --ps-text-muted: #495057;
  --ps-text-white: #ffffff;

  /* Type stack */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* Type scale (clamp responsive) */
  --fs-display: clamp(48px, 7vw, 92px);
  --fs-h1: clamp(36px, 5vw, 60px);
  --fs-h2: clamp(28px, 3.5vw, 44px);
  --fs-h3: clamp(20px, 2vw, 26px);
  --fs-lede: 19px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-mono: 12.5px;

  /* Radius */
  --ps-radius-sm: 6px;
  --ps-radius-md: 10px;
  --ps-radius-lg: 16px;
  --ps-radius-xl: 24px;
  --ps-radius-pill: 999px;

  /* Shadows (multi-layer) */
  --ps-shadow-ring: 0 0 0 1px rgba(0,0,0,0.04);
  --ps-shadow-lift: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.05), 0 4px 12px rgba(0,0,0,0.04);
  --ps-shadow-lift-hover: 0 0 0 1px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.08), 0 12px 32px rgba(0,0,0,0.06);

  --ps-transition: 0.2s ease-in-out;
  --ps-section-pad: 110px;
  --ps-hero-pad-top: 80px;
  --ps-hero-pad-bot: 80px;
}

/* CTA accent toggle (préservé du sondage) */
:root                  { --ps-cta-bg: var(--ps-success); --ps-cta-bg-dark: var(--ps-success-dark); --ps-cta-shadow-rgb: var(--ps-success-rgb); }
[data-accent="green"]  { --ps-cta-bg: var(--ps-success); --ps-cta-bg-dark: var(--ps-success-dark); --ps-cta-shadow-rgb: var(--ps-success-rgb); }
[data-accent="blue"]   { --ps-cta-bg: var(--ps-primary); --ps-cta-bg-dark: var(--ps-primary-dark); --ps-cta-shadow-rgb: var(--ps-primary-rgb); }