/* ========================================================================== 
   Abby Creative Studio — Mode sombre propre
   À charger APRÈS styles-clean.css.
   Ce fichier contient uniquement les overrides du thème sombre.
   ========================================================================== */

html[data-theme="dark"] {
  --dark-red: #59040d;
  --dark-purple: #b65ae4;
  --dark-beige: #f5e4ca;
  --dark-black: #232323;
  --dark-orange: #d17922;

  --normal-red: #620012;
  --normal-purple: #d086ee;
  --normal-beige: #ede8dc;
  --normal-black: #262626;
  --normal-orange: #e3a245;

  color-scheme: dark;
}
html[data-theme="dark"] .hero-home--bg {
  background-image:
    linear-gradient(rgb(69 69 69 / 55%), rgb(41 41 41 / 35%)),
    url(../assets/dark/backgrounddark.webp);
}
html[data-theme="dark"] body {
  color: var(--normal-beige);
  background-color: var(--normal-black);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .hero-home__role,
html[data-theme="dark"] .page-header__title {
  color: var(--dark-beige);
}

html[data-theme="dark"] p,
html[data-theme="dark"] .page-header__desc,
html[data-theme="dark"] .about-content__intro,
html[data-theme="dark"] .about-portrait__placeholder {
  color: var(--dark-beige);
}

/* Navigation */
html[data-theme="dark"] .home-header__nav,
html[data-theme="dark"] .home-header__menu {
  background-color: var(--dark-black);
}

html[data-theme="dark"] .home-header__link,
html[data-theme="dark"] .home-header__social-link,
html[data-theme="dark"] .lang-toggle,
html[data-theme="dark"] .theme-toggle {
  color: var(--dark-beige);
}

/* Accueil : beige et non rose */
html[data-theme="dark"] .hero-home__tagline,
html[data-theme="dark"] .section__label,
html[data-theme="dark"] .contact-home__title {
  color: var(--dark-beige);
}

html[data-theme="dark"] .hero-home__actions .btn-pill,
html[data-theme="dark"] .hero-home__scroll {
  color: var(--dark-beige);
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .hero-home__actions .btn-pill:hover,
html[data-theme="dark"] .hero-home__actions .btn-pill:focus-visible {
  color: var(--dark-black);
  background-color: var(--dark-beige);
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .hero-home__scroll svg {
  stroke: var(--dark-beige);
}

/* Projets mis en avant */
html[data-theme="dark"] .featured-projects {
  background-color: var(--dark-purple);
}

html[data-theme="dark"] .featured-card__footer {
  background-color: var(--dark-black);
}

html[data-theme="dark"] .featured-card__title,
html[data-theme="dark"] .featured-card__desc,
html[data-theme="dark"] .featured-card__cta {
  color: var(--dark-beige);
}

/* Section contact */

html[data-theme="dark"] .contact-home::before {
  background: radial-gradient(
    ellipse 60% 50% at 50% 45%,
    color-mix(in srgb, var(--dark-purple) 32%, transparent) 10%,
    transparent 60%
  );
}

html[data-theme="dark"] .contact-home__inner,
html[data-theme="dark"] .contact-form__label,
html[data-theme="dark"] .contact-form__consent,
html[data-theme="dark"] .contact-form__feedback {
  color: var(--dark-beige);
}

html[data-theme="dark"] .contact-form__input {
  color: var(--dark-beige);
  background-color: var(--normal-black);
  border: 0.1px solid var(--dark-beige);
}

html[data-theme="dark"] .contact-form__input::placeholder {
  color: color-mix(in srgb, var(--dark-beige) 68%, transparent);
}
html[data-theme="dark"] .domain-card {
  background-color: var(--dark-beige);
  border: 1px solid var(--dark-black);
  color: var(--dark-black);
}
html[data-theme="dark"] .domain-card__label {
  color: var(--dark-black);
}
html[data-theme="dark"] .contact-form__consent input {
  accent-color: var(--normal-purple);
}

html[data-theme="dark"] .contact-form .btn-pill--dark {
  color: var(--dark-beige);
  background-color: var(--dark-purple);
  border-color: var(--dark-purple);
}

html[data-theme="dark"] .contact-form .btn-pill--dark:hover,
html[data-theme="dark"] .contact-form .btn-pill--dark:focus-visible {
  color: var(--dark-black);
  background-color: var(--dark-beige);
  border-color: var(--dark-beige);
}
html[data-theme="dark"] .about-contact::before {
  background: radial-gradient(
    ellipse,
    color-mix(in srgb, var(--dark-purple) 32%, transparent),
    transparent 68%
  );
}
/* Footer */
html[data-theme="dark"] .home-footer,
html[data-theme="dark"] .site-footer {
  background-color: var(--dark-black);
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .home-footer__copy,
html[data-theme="dark"] .site-footer__copy,
html[data-theme="dark"] .home-footer__links a,
html[data-theme="dark"] .site-footer__social-link {
  color: var(--dark-beige);
}

/* Page projets */
html[data-theme="dark"] .filter-btn {
  color: var(--dark-beige);
  border-color: var(--normal-red);
}

html[data-theme="dark"] .filter-btn:hover,
html[data-theme="dark"] .filter-btn:focus-visible {
  color: var(--dark-beige);
  background-color: transparent;
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .filter-btn--active,
html[data-theme="dark"] .filter-btn[aria-pressed="true"] {
  color: var(--normal-beige);
  background-color: var(--normal-red);
  border-color: var(--normal-red);
}

html[data-theme="dark"] .filter-reset {
  color: var(--dark-beige);
  border-color: var(--dark-red);
}

html[data-theme="dark"] .project-card {
  background-color: var(--dark-black);
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .btn-pill {
  color: var(--dark-beige);
  background-color: transparent;
  border: 1px solid var(--dark-beige);
}
html[data-theme="dark"] .btn-pill:hover,
.btn-pill:focus-visible {
  color: var(--color-bg);
  background-color: var(--dark-beige);
}

html[data-theme="dark"] .project-card:hover,
html[data-theme="dark"] .project-card:focus-within {
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .project-card__category,
html[data-theme="dark"] .project-card__title,
html[data-theme="dark"] .project-card__desc,
html[data-theme="dark"] .projects-load-more .btn-pill {
  color: var(--dark-beige);
}

html[data-theme="dark"] .projects-empty-state {
  color: var(--dark-beige);
  background-color: var(--dark-black);
  border-color: var(--dark-beige);
}

/* Page À propos : violet normal pour les éléments d'accent */
html[data-theme="dark"] .about-page .section__label,
html[data-theme="dark"] .about-page .page-header__eyebrow,
html[data-theme="dark"] .about-page .btn-pill {
  color: var(--normal-beige);
  border-color: var(--normal-purple);
}

html[data-theme="dark"] .about-page .btn-pill:hover,
html[data-theme="dark"] .about-page .btn-pill:focus-visible {
  color: var(--dark-black);
  background-color: var(--normal-purple);
  border-color: var(--normal-purple);
}

html[data-theme="dark"] .about-page .skills-list__item,
html[data-theme="dark"] .about-page .about-timeline__item {
  color: var(--dark-beige);
  background-color: var(--dark-purple);
  border-color: var(--dark-purple);
}
html[data-theme="dark"] .timeline__year {
  color: var(--dark-purple);
}
html[data-theme="dark"] .timeline__item::before {
  background-color: var(--dark-purple);
  box-shadow: 0 0 0 1px var(--dark-purple);
}
html[data-theme="dark"] .about-page .contact-block {
  color: var(--dark-beige);
  background-color: var(--dark-black);
  border-color: var(--dark-red);
}

html[data-theme="dark"] .about-skills {
  background-color: var(--dark-red);
}
html[data-theme="dark"] .about-skill-card,
.about-skill-card__list li {
  color: var(--dark-red);
  background-color: var(--dark-beige);
}
html[data-theme="dark"] .about-skill-card h3 {
  color: var(--dark-red);
}

/* Mentions légales */
html[data-theme="dark"] .legal-page__eyebrow {
  color: var(--normal-purple);
}

html[data-theme="dark"] .legal-page__content section {
  border-color: var(--dark-beige);
}

html[data-theme="dark"] .legal-page__content p,
html[data-theme="dark"] .legal-page__content li {
  color: var(--dark-beige);
}

/* Modales */
html[data-theme="dark"] .modal-meta-label,
html[data-theme="dark"] .modal-meta-value,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-learnings li {
  color: var(--dark-beige);
}

html[data-theme="dark"] .modal-meta-bar,
html[data-theme="dark"] .modal-quote {
  background-color: var(--dark-black);
}

html[data-theme="dark"] .modal-quote {
  border-color: var(--dark-red);
}

html[data-theme="dark"] .project-gallery__viewport {
  background-color: #1c1c1c;
  border-color: #f5e4ca;
}

html[data-theme="dark"] .project-gallery__button {
  color: #f5e4ca;
  border-color: #f5e4ca;
}

html[data-theme="dark"] .project-gallery__button:hover,
html[data-theme="dark"] .project-gallery__button:focus-visible {
  color: #1c1c1c;
  background-color: #f5e4ca;
}

html[data-theme="dark"] .project-gallery__dot {
  border-color: #f5e4ca;
}

html[data-theme="dark"] .project-gallery__dot:hover,
html[data-theme="dark"] .project-gallery__dot:focus-visible,
html[data-theme="dark"] .project-gallery__dot.is-active {
  background-color: #f5e4ca;
}

html[data-theme="dark"] .domain-card__tools li {
  color: #171717;
}
html[data-theme="dark"] .contact-form__link {
  color: #4797ec;
  text-decoration: underline;
}