/* ══════════════════════════════════════════════════════════════
   VARIABLES.CSS — SCC-Pfizer Crystal Waters Design System
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ═══ COULEURS PRINCIPALES — Identité Crystal Waters ═══ */
  --pfizer-blue:        #0058A4;
  --pfizer-blue-dark:   #004080;
  --pfizer-blue-light:  #E6F0FA;

  --ocean-teal:         #007C91;
  --ocean-teal-dark:    #006070;
  --ocean-teal-light:   #E6F4F7;
  --ocean-teal-pale:    #F0FAFB;

  --ocean-deep:         #003B5C;
  --sea-foam:           #A8D5BA;

  /* ═══ NEUTRES ═══ */
  --white:              #FFFFFF;
  --off-white:          #F4F9FE;
  --snow:               #F8FBFF;
  --light-gray:         #E8EDF2;
  --border-card:        rgba(0, 88, 164, 0.06);
  --medium-gray:        #8A9BB0;
  --dark-text:          #1A2332;
  --body-text:          #3D4F63;

  /* ═══ COULEURS PAR PROGRAMME DE RECHERCHE ═══ */
  --prog-oncologie:     #0058A4;
  --prog-immunologie:   #007C91;
  --prog-cardiologie:   #A8D5BA;
  --prog-neurosciences: #FF6B4A;
  --prog-metabolisme:   #C9A84C;
  --prog-infectiologie: #5B8DB8;
  --prog-dermatologie:  #6B4C9A;
  --prog-biomateriaux:  #2A9D8F;

  /* ═══ FONDS ═══ */
  --bg-primary:         #F4F9FE;
  --bg-section-alt:     #FFFFFF;
  --bg-card:            #FFFFFF;
  --bg-footer:          #003B5C;
  --bg-hero:            transparent;

  /* ═══ CERCLES DÉCORATIFS ═══ */
  --circle-outer:       rgba(0, 124, 145, 0.08);
  --circle-inner:       rgba(0, 124, 145, 0.12);
  --circle-border:      rgba(0, 124, 145, 0.15);
  --circle-bg-accent:   rgba(0, 88, 164, 0.06);

  /* ═══ OMBRES ═══ */
  --shadow-card:        0 1px 8px rgba(0, 59, 92, 0.04);
  --shadow-card-hover:  0 4px 20px rgba(0, 59, 92, 0.08);
  --shadow-stat:        0 2px 12px rgba(0, 59, 92, 0.06);
  --shadow-nav:         0 1px 12px rgba(0, 59, 92, 0.06);

  /* ═══ TRANSITIONS ═══ */
  --transition-fast:    all 0.2s ease;
  --transition-smooth:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:    all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* ═══ BORDER RADIUS ═══ */
  --radius-sm:          6px;
  --radius-md:          8px;
  --radius-lg:          10px;
  --radius-xl:          14px;
  --radius-pill:        50px;
  --radius-circle:      50%;

  /* ═══ SPACING ═══ */
  --section-padding:    80px 0;
  --container-max:      1200px;
  --container-padding:  0 32px;
}