/* Palette choisie : maquette 1, Bleu Sidi Bou Saïd. */
:root{
  --sidi-bg:#f7f6ef;
  --sidi-paper:#fffdf7;
  --sidi-ink:#183e58;
  --sidi-muted:#526e7a;
  --sidi-blue:#146b9b;
  --sidi-blue-dark:#0e537b;
  --sidi-pale:#e3f1f5;
  --sidi-line:#c8dce4;
  --sidi-coral:#bd6247;
  color:var(--sidi-ink);
  background:var(--sidi-bg);
}
body,
.home-page,
.cafe-page{
  color:var(--sidi-ink);
  background:radial-gradient(circle at 8% 13%,var(--sidi-pale),transparent 34%),linear-gradient(var(--sidi-bg),#eff5f4);
}
.site-header{
  color:var(--sidi-ink);
  background:#fffdf7ed;
  border-bottom:1px solid var(--sidi-line);
  box-shadow:0 9px 28px #1b537218;
}
.site-header nav a:hover,
.site-header nav a[aria-current=page]{background:var(--sidi-pale);color:var(--sidi-blue-dark)}
.site-header nav .account-link,
.site-header nav .account-link:hover,
.btn{background:var(--sidi-blue);color:#fff;box-shadow:0 4px 12px #146b9b2d}
.site-header nav .account-link:hover,
.btn:hover{background:var(--sidi-blue-dark)}
#site-language{background:var(--sidi-paper);border-color:var(--sidi-line);color:var(--sidi-blue-dark)}
.eyebrow{color:var(--sidi-coral)}
.home-intro{background:radial-gradient(circle at 50% 0,var(--sidi-pale),transparent 62%)}
.home-intro p,
.cafe-page-intro p,
.account-intro p{color:var(--sidi-muted)}
.home-slides{background:var(--sidi-blue-dark);box-shadow:0 20px 45px #31547430}
.home-slide .slide-shade{background:linear-gradient(transparent,#102b30c9)}
.slide-copy em{background:var(--sidi-blue);color:white}
.slide-arrow,
.fixture-arrows button{border-color:var(--sidi-line);background:var(--sidi-paper);color:var(--sidi-blue-dark)}
.slide-arrow:hover,
.slide-arrow:focus-visible,
.fixture-arrows button:not(:disabled):hover{background:var(--sidi-blue);color:white}
.slide-dots button{background:#a9c2ca}
.slide-dots button.is-active{background:var(--sidi-coral)}
.home-afterword a,
.cafe-back a{color:var(--sidi-blue-dark)}
.home-page .wood-signpost a:hover,
.home-page .wood-signpost a:focus-visible{color:var(--sidi-blue-dark)}
footer{color:var(--sidi-muted)}

/* Les pages du quartier gardent leurs photos et reprennent le même fond. */
.page-hero{background:linear-gradient(130deg,var(--sidi-pale),var(--sidi-paper));border:1px solid var(--sidi-line)}
.library-hero{background:linear-gradient(130deg,#d9edf3,var(--sidi-paper))}
.stadium-hero{
  color:#fff;
  border-color:#2c6888;
  background:linear-gradient(90deg,rgba(7,33,56,.87) 0%,rgba(7,33,56,.55) 47%,rgba(7,33,56,.12) 100%),url('/images/stade-rades-tribunes.jpg') center 52%/cover no-repeat;
}
.stadium-hero .eyebrow{color:#f5cba2}
.stadium-hero p{color:#f2f5f5}
.cafe-page-photo{box-shadow:16px 18px 0 #d9eaf0}
.cafe-page-games{background:#185470;color:white}
.cafe-page-games .section-head p{color:#d7eaf2}
.game{background:var(--sidi-paper);color:var(--sidi-ink)}
.game.rami{background:#e2f0f4}
.game-icon,.game b{color:var(--sidi-coral)}
.resource-grid a,
.fixture,
.fixture-card,
.standings-table,
.account-card,
.watch-link{background:var(--sidi-paper);border-color:var(--sidi-line);color:var(--sidi-ink)}
.resource-grid a:hover,
.watch-link:hover,
.watch-link:focus-visible{border-color:var(--sidi-blue)}
.resource-grid p,
.fixture small,
.fixture-meta,
.account-card p,
.watch-heading p,
.watch-note,
.watch-link small,
.source-note{color:var(--sidi-muted)}
.resource-grid b,
.account-card>a{color:var(--sidi-blue-dark)}
.fixture .score,
.fixture-score{color:var(--sidi-blue-dark)}
.standings-table th{background:var(--sidi-pale);color:var(--sidi-ink)}
.standings-table th,
.standings-table td{border-bottom-color:var(--sidi-line)}
.league-tabs button{background:var(--sidi-paper);border-color:var(--sidi-line);color:var(--sidi-ink)}
.league-tabs button[aria-pressed="true"]{background:var(--sidi-blue);border-color:var(--sidi-blue);color:#fff}
.league-tabs button:focus-visible{outline-color:var(--sidi-coral)}
.league-status,
.watch-section{background:var(--sidi-pale);border-color:var(--sidi-line);color:var(--sidi-ink)}
.watch-icon{color:var(--sidi-coral)}
.account-perks span{background:var(--sidi-pale);color:var(--sidi-ink)}
.account-badge{background:#f7e9dc;color:#89513d}
.account-card input{background:#f6faf9;border-color:var(--sidi-line)}
.account-card button:disabled{background:#9bbcc9;color:white}