/* Acento sutil por filho selecionado. Complementa o dourado da marca, nunca o substitui.
   O atributo fica no <body> porque o Turbo troca o body na navegação, mas não os atributos do <html>. */

:root {
  --student-accent: var(--color-gold-text, #7A5A12);
  --student-accent-soft: rgba(197, 160, 89, 0.14);
  --student-accent-border: rgba(197, 160, 89, 0.3);
  --student-accent-text: var(--color-gold-text, #7A5A12);
}

html.dark {
  --student-accent: var(--color-gold-brass, #C5A059);
  --student-accent-text: var(--color-gold-light, #E2C98A);
}

body[data-student-gender="boy"] {
  --student-accent: #1e3a8a;
  --student-accent-soft: #dbeafe;
  --student-accent-border: rgba(30, 58, 138, 0.3);
  --student-accent-text: #1e3a8a;
}

body[data-student-gender="girl"] {
  --student-accent: #be123c;
  --student-accent-soft: #ffe4e6;
  --student-accent-border: rgba(190, 18, 60, 0.3);
  --student-accent-text: #be123c;
}

html.dark body[data-student-gender="boy"] {
  --student-accent: #60a5fa;
  --student-accent-soft: rgba(96, 165, 250, 0.14);
  --student-accent-border: rgba(96, 165, 250, 0.3);
  --student-accent-text: #93b4ff;
}

html.dark body[data-student-gender="girl"] {
  --student-accent: #fb7185;
  --student-accent-soft: rgba(251, 113, 133, 0.14);
  --student-accent-border: rgba(251, 113, 133, 0.3);
  --student-accent-text: #fda4b4;
}

html .app-active-card {
  border-color: var(--student-accent-border);
  border-left-width: 3px;
  border-left-color: var(--student-accent);
  background-image: linear-gradient(var(--student-accent-soft), var(--student-accent-soft));
}

.app-nav-link[aria-current="page"] {
  border-left-color: var(--student-accent);
  color: var(--student-accent-text);
}

/* Mobile: o mesmo acento do aluno tinge topbar, barra inferior e cartão do Mais.
   Sem gênero definido (ou "Todos"), nada se aplica e o shell fica neutro. */
body[data-student-gender] .student-tint-topbar {
  background-image: linear-gradient(var(--student-accent-soft), var(--student-accent-soft));
  border-bottom: 2px solid var(--student-accent);
}

body[data-student-gender] .student-tint-active {
  color: var(--student-accent-text);
  border-top-color: var(--student-accent);
}

body[data-student-gender] .student-tint-card {
  background-image: linear-gradient(var(--student-accent-soft), var(--student-accent-soft));
  border-color: var(--student-accent-border);
  border-left: 3px solid var(--student-accent);
}

body[data-student-gender] .student-tint-text {
  color: var(--student-accent-text);
}