/*
  Design tokens — Romain Gourlay Web
  Palette distincte du site de démonstration (électricien) : bleu nuit,
  blanc cassé, bleu électrique et turquoise en accents ponctuels uniquement.
  Breakpoints (documentés ici, utilisés en dur dans les media queries) :
  600px / 768px / 1024px / 1280px.
*/

:root {
  /* Couleurs */
  --color-navy: #0f1b33;
  --color-navy-soft: #16233f;
  --color-navy-line: rgba(247, 247, 244, 0.14);
  --color-blue: #2f6fed;
  --color-blue-ink: #163b99;
  --color-turquoise: #2ec4b6;
  --color-off-white: #f7f7f4;
  --color-white: #ffffff;
  --color-ink: #0f1b33;
  --color-muted: #5b6472;
  --color-muted-on-navy: rgba(247, 247, 244, 0.72);
  --color-border: #e3e1da;

  /* Typographie */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-display: "Fraunces Variable", "Fraunces", Georgia, "Times New Roman",
    serif;

  --fs-100: 0.875rem;
  --fs-200: 1rem;
  --fs-300: 1.125rem;
  --fs-400: 1.375rem;
  --fs-500: clamp(1.5rem, 1.25rem + 1.1vw, 2rem);
  --fs-600: clamp(1.9rem, 1.5rem + 1.8vw, 2.75rem);
  --fs-700: clamp(2.5rem, 1.9rem + 2.8vw, 4rem);

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-body: 1.6;

  /* Espacement (base 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Rayons et ombres — sobres, jamais de glassmorphism */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-soft: 0 1px 3px rgba(15, 27, 51, 0.08);
  --shadow-card: 0 4px 16px rgba(15, 27, 51, 0.08);
  --shadow-frame: 0 30px 60px -24px rgba(15, 27, 51, 0.45);

  /* Rythme / mise en page */
  --container-max: 74rem;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --section-pad-block: clamp(3.4rem, 6.75vw, 5.6rem);
  --section-pad-block-wide: clamp(4.5rem, 9vw, 7.5rem);

  /* Mouvement */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 220ms;
  --duration-slow: 420ms;
}