/* Tokens partagés — palette Google, rythme et rayons type Alan */
:root {
  --g-blue:   #1A73E8;
  --g-blue2:  #4285F4;
  --g-red:    #EA4335;
  --g-yellow: #FBBC04;
  --g-green:  #34A853;
  --g-blue-lt:  #E8F0FE;
  --g-red-lt:   #FCE8E6;
  --g-yel-lt:   #FEF7E0;
  --g-grn-lt:   #E6F4EA;
  --paper:    #FFFFFF;
  --white:    #FFFFFF;
  --bg:       #F4F6FA;
  --bg2:      #E8EDF5;
  --border:   #E3E7EF;
  --border-strong: #D3D9E4;
  --text:     #16181D;
  --text2:    #383E49;
  --text3:    #5A616E;
  --text4:    #878E98;
  --shadow-sm:  0 1px 2px rgba(22,24,29,.04), 0 10px 28px rgba(22,24,29,.04);
  --shadow-md:  0 16px 40px rgba(22,24,29,.06);
  --shadow-lg:  0 28px 60px rgba(22,24,29,.08);
  --shadow-blue: 0 10px 28px rgba(26,115,232,.18);
  --shadow-card: 0 1px 2px rgba(22,24,29,.04), 0 12px 32px rgba(22,24,29,.04);
  --cta-gradient: #1A73E8;
  --cta-gradient-hover: #1558B0;
  --cta-shadow: 0 8px 22px rgba(26,115,232,.22);
  --cta-shadow-hover: 0 12px 28px rgba(26,115,232,.28);
  --ease-out: cubic-bezier(.33, 1, .32, 1);
  --radius-sm:  16px;
  --radius-md:  24px;
  --radius-lg:  32px;
  --radius-xl:  40px;
  --radius-pill: 999px;
  --space-section: clamp(64px, 10vw, 120px);
  --fs-h1:  clamp(40px, 5.4vw, 72px);
  --fs-h2:  clamp(32px, 4.2vw, 56px);
  --fs-h3:  clamp(20px, 2.4vw, 28px);
  --fs-body: clamp(16px, 1.35vw, 18px);
  --page-tint: #F3F6FB;
  --warm-tint: #F7F8FB;
  --surface-soft: rgba(255,255,255,.92);
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-heading: 'Sora', sans-serif;
  --grad-google: linear-gradient(90deg, #4285F4 0%, #EA4335 34%, #FBBC04 67%, #34A853 100%);
  --grad-bar: var(--grad-google);
  --grad-logo: var(--grad-google);
  --grad-hero-line: var(--grad-google);
  --grad-text: linear-gradient(135deg, #4285F4 0%, #1A73E8 22%, #EA4335 48%, #F9AB00 68%, #34A853 95%);
}