/* Déclinaison des pages marketing de niveau à partir du système visuel de Seconde. */

body.level-conversion-page[data-catalog-level="premiere"] {
  --subject-accent: #7a56d8;
  --subject-accent-soft: #eee9ff;
  --level-accent: #7a56d8;
  --level-accent-soft: #eee9ff;
}

body.level-conversion-page[data-catalog-level="terminale"] {
  --subject-accent: #ff6a3d;
  --subject-accent-soft: #fff0e9;
  --level-accent: #ff6a3d;
  --level-accent-soft: #fff0e9;
}

body.level-conversion-page .seconde-marketing-hero {
  background:
    radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--level-accent) 58%, transparent), transparent 25rem),
    linear-gradient(140deg, #0c1e35, #12385e 75%, color-mix(in srgb, var(--level-accent) 64%, #0c1e35));
}

body.level-conversion-page[data-catalog-level="premiere"] .seconde-marketing-hero::after { content: "1re"; }
body.level-conversion-page[data-catalog-level="terminale"] .seconde-marketing-hero::after { content: "Tle"; }

body.level-conversion-page .seconde-marketing-hero .seconde-eyebrow,
body.level-conversion-page .seconde-access-proof .seconde-eyebrow {
  color: color-mix(in srgb, var(--level-accent) 46%, #fff);
}

body.level-conversion-page .seconde-button-discovery:is(:hover, :focus-visible) {
  background: var(--level-accent-soft);
}

body.level-conversion-page .seconde-product figcaption span,
body.level-conversion-page .seconde-product figcaption a {
  color: var(--level-accent);
}

body.level-conversion-page .seconde-proof-strip span {
  color: var(--level-accent);
  background: var(--level-accent-soft);
}

body.level-conversion-page .seconde-access-proof {
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--level-accent) 52%, transparent), transparent 17rem),
    var(--marketing-navy);
}

body.level-conversion-page .seconde-access-proof li::before,
body.level-conversion-page .seconde-trust-proof li > span {
  background: var(--level-accent);
}

body.level-conversion-page .seconde-trust-proof {
  border-color: color-mix(in srgb, var(--level-accent) 20%, #dbe7f2);
  background: linear-gradient(135deg, color-mix(in srgb, var(--level-accent-soft) 50%, #fff), #fff 72%);
}

body.level-conversion-page .seconde-subjects .subject-section-heading,
body.level-conversion-page .seconde-conversion-band {
  --subject-accent: var(--level-accent);
}

body.subject-page[data-subject="enseignement-scientifique"] .subject-hero::after { content: "∿"; }
body.subject-page[data-subject="philosophie"] .subject-hero::after { content: "?"; }

@media (prefers-reduced-motion: reduce) {
  body.level-conversion-page .seconde-marketing-hero::after {
    transform: none;
  }
}