/* Theme GONTHIER - Syne, Raleway et violet du site existant. */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&family=Syne:wght@400;500;600;700;800&display=swap');

:root {
  /* Mode sombre */
  --black: #121018;
  --dark: #1d1824;
  --dark2: #261d2e;
  --card-bg: #211926;
  --color-text: #f6f1f8;
  --color-text-secondary: #ddd0e2;
  --color-text-muted: #bba8c3;
  --color-text-dim: #ad98b7;
  --color-accent: #d47af2;
  --color-accent-light: #e6a9fa;
  --color-accent-dark: #a42dcb;
  --color-on-accent: #17121c;

  --color-accent-rgb: 212,122,242;
  --black-rgb: 18,16,24;
  --color-text-muted-rgb: 187,168,195;
  --color-text-dim-rgb: 173,152,183;
  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.22);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.42);

  --font: 'Raleway', sans-serif;
  --font-body: var(--font);
  --font-caption: var(--font);
  --font-serif: 'Syne', sans-serif;
  --font-banniere: var(--font-serif);
}

/* La fonte des titres du site d'origine reste distincte du texte courant. */
h1, h2, h3, .landing-name {
  font-family: var(--font-serif);
}

.landing-name {
  font-weight: 800;
}

[data-theme="light"] {
  /* Fond clair et violet plus profond pour conserver le contraste du texte. */
  --black: #fbfaff;
  --dark: #f1edf6;
  --dark2: #e9e2f1;
  --card-bg: #f3eef7;
  --color-text: #17121c;
  --color-text-secondary: #403249;
  --color-text-muted: #675a70;
  --color-text-dim: #695b71;
  --color-accent: #8a22b0;
  --color-accent-light: #a42dcb;
  --color-accent-dark: #641586;
  --color-on-accent: #fbfaff;

  --color-accent-rgb: 138,34,176;
  --black-rgb: 251,250,255;
  --color-text-muted-rgb: 103,90,112;
  --color-text-dim-rgb: 105,91,113;
  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.25);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.45);
}

/* Rappel de la barre de navigation noire du site actuel en mode clair. */
[data-theme="light"] .site-nav {
  background: rgba(18,16,24,0.96);
  border-bottom-color: rgba(212,122,242,0.25);
}

[data-theme="light"] .site-nav .nav-link,
[data-theme="light"] .site-nav .theme-toggle {
  color: #f6f1f8;
}

[data-theme="light"] .site-nav .nav-link:hover,
[data-theme="light"] .site-nav .theme-toggle:hover,
[data-theme="light"] .site-nav .nav-active {
  color: #d47af2 !important;
}

[data-theme="light"] .site-nav-hamburger span {
  background: #f6f1f8;
}