/* ============================================================
   ESIEA Cloud – Style overrides (on top of Pico CSS)
   ============================================================ */

/* --- Google Fonts ------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto:wght@400;700&display=swap');

/* --- ESIEA design tokens ------------------------------------ */
:root {
  --esiea-blue:     #36A9E1;
  --esiea-bg:       #FDF8F1;
  --esiea-accent:   #F59E00;
  --esiea-contrast: #151d34;

  /* Pico primary → ESIEA blue */
  --pico-primary:                    var(--esiea-blue);
  --pico-primary-hover:              #2390c8;
  --pico-primary-focus:              rgba(54, 169, 225, 0.35);
  --pico-primary-inverse:            #ffffff;

  /* Pico background / surface */
  --pico-background-color:           var(--esiea-bg);
  --pico-card-background-color:      var(--esiea-bg);
  --pico-card-sectioning-background-color: #f0e8d8;

  /* Text */
  --pico-color:                      #000000;
  --pico-h1-color:                   var(--esiea-contrast);
  --pico-h2-color:                   var(--esiea-contrast);
  --pico-h3-color:                   var(--esiea-contrast);

  /* Typography */
  --pico-font-family:                'Roboto', sans-serif;
}

/* --- Headings ---------------------------------------------- */
h1, h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: var(--esiea-contrast);
}

h3, strong, b {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: var(--esiea-contrast);
}

/* --- Body text --------------------------------------------- */
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #000000;
  background-color: var(--esiea-bg);
}

/* --- Links & buttons (accent) ------------------------------ */
a[role="button"],
button,
[type="submit"],
[type="reset"],
[type="button"] {
  background-color: var(--esiea-accent);
  border-color:     var(--esiea-accent);
  color:            #ffffff;
}

a[role="button"]:hover,
button:hover,
[type="submit"]:hover {
  background-color: #d98900;
  border-color:     #d98900;
}

/* --- Article / card blocks --------------------------------- */
article {
  background-color: var(--esiea-bg);
  border-top: 3px solid var(--esiea-blue);
}

/* --- Header / footer de page (pas les article > header/footer) */
body > header,
body > footer {
  background-color: var(--esiea-contrast);
  color: #ffffff;
}

body > header *,
body > header nav,
body > footer * {
  color: #ffffff;
}

body > header a,
body > header nav a,
body > footer a {
  color: #ffffff;
}

body > header a:hover,
body > header nav a:hover,
body > footer a:hover {
  color: var(--esiea-accent);
}