/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/




/* ==========================================================================
   HOME & EAU — Design Tokens & CSS Variables
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

:root {
  /* ── Couleurs principales ── */
  --bleu-profond: #0C4A6E;
  --bleu-profond-rgb: 12, 74, 110;
  --bleu-moyen: #0369A1;
  --bleu-ciel: #38BDF8;
  --bleu-ciel-pale: #7DD3FC;
  --bleu-clair-bg: #E0F2FE;
  --bleu-tres-clair: #F0F9FF;

  --blanc: #FFFFFF;
  --gris-texte: #374151;
  --gris-moyen: #6B7280;
  --gris-clair: #F3F4F6;
  --gris-bordure: #E5E7EB;

  --corail: #F97316;
  --corail-hover: #EA580C;
  --corail-clair: #FFF7ED;

  --vert: #10B981;
  --vert-clair: #D1FAE5;

  /* ── Typographie ── */
  --font-titre: 'DM Serif Display', Georgia, serif;
  --font-corps: 'Source Sans 3', 'Segoe UI', sans-serif;

  /* ── Espacements ── */
  --section-py: clamp(60px, 8vw, 100px);
  --container-max: 1180px;
  --container-px: clamp(20px, 4vw, 40px);

  /* ── Effets ── */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --radius-xl: 30px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow: 0 4px 20px rgba(0,0,0,.07);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.1);
  --transition: .25s cubic-bezier(.4,0,.2,1);
}













/* This style rule also applies to 4 other elements */
/*.section {
  padding: var(--section-py) 0;
}
.section--bleu {
  background: var(--bleu-profond); color: var(--blanc);
}*/