/* =====================================================================================================
   Identidade do WorkSy RH (guia de identidade v0.1) no painel e no login. Vem depois do aurora.css (que é igual
   nos sistemas da GoCode) e só troca o que é da marca: creme #FFF7F0 no fundo claro, ameixa #24163A no texto e no
   fundo escuro (#1A1029, cartão #24163A), bordas #EADFD6 / #3A2C52; letra Bricolage Grotesque nos títulos (800),
   DM Sans no texto e DM Mono nos rótulos e valores. A cor dos botões é a da conta (padrão: lilás #C9B8FF, a cor
   das empresas; o coral #FF5A3C é do candidato). O símbolo (W de dois checks) vem do brand_css() em --a-simbolo.
   ===================================================================================================== */
.app-body, .a-auth {
  --a-font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --a-titulo: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
  --a-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --a-marinho: #24163A; --a-papel: #FFF7F0;
  --a-bg: #FFF7F0; --a-bg-2: #F7ECE3;
  --a-surface: #FFFFFF; --a-surface-solid: #FFFFFF; --a-surface-2: #FFF7F0;
  --a-line: #EADFD6; --a-line-strong: #DCCFC4;
  --a-text: #24163A; --a-text-2: #3B2E50; --a-muted: #6B5F78;
  --a-hover: #F7ECE3; --a-press: #EADFD6;
  --a-focus: #24163A;
  --a-aurora-op: 0; --a-grid: transparent;
  --a-shadow: none;
  --a-shadow-lg: 0 16px 40px -18px rgba(36, 22, 58, .28);
  --kt-gray-100: #FFF7F0; --kt-gray-200: #F7ECE3; --kt-gray-300: #EADFD6; --kt-gray-400: #DCCFC4; --kt-gray-500: #A99CB6;
  --kt-gray-600: #857896; --kt-gray-700: #6B5F78; --kt-gray-800: #3B2E50; --kt-gray-900: #24163A;
  --kt-text-muted: #6B5F78; --kt-border-color: #EADFD6;
}
[data-bs-theme=dark] .app-body, [data-bs-theme=dark] .a-auth {
  --a-lnk: color-mix(in srgb, var(--a-primary) 70%, #fff);
  --a-bg: #1A1029; --a-bg-2: #1F1430;
  --a-surface: #24163A; --a-surface-solid: #24163A; --a-surface-2: #2A1C42;
  --a-line: #3A2C52; --a-line-strong: #4A3B64;
  --a-text: #FFF7F0; --a-text-2: #E4DAEC; --a-muted: #B8ACC6;
  --a-hover: #2E2047; --a-press: #3A2C52;
  --a-focus: #FFF7F0;
  --a-shadow: none;
  --a-shadow-lg: 0 16px 40px -16px rgba(0, 0, 0, .8);
  --kt-gray-100: #24163A; --kt-gray-200: #2A1C42; --kt-gray-300: #3A2C52; --kt-gray-400: #4A3B64; --kt-gray-500: #6B5F78;
  --kt-gray-600: #958AA5; --kt-gray-700: #B8ACC6; --kt-gray-800: #E4DAEC; --kt-gray-900: #FFF7F0;
  --kt-text-muted: #B8ACC6; --kt-border-color: #3A2C52; --kt-white: #24163A;
}

/* títulos em Bricolage 800, bem fechados */
.app-body h1, .app-body h2, .app-body h3, .app-body .fs-1, .app-body .fs-2, .a-auth h1, .app-body .card-title, .app-body .page-heading {
  font-family: var(--a-titulo); font-weight: 800; letter-spacing: -.035em;
}
.app-body ::selection, .a-auth ::selection { background: #C9B8FF; color: #24163A; }

/* símbolo da marca no topo: o quadrado coral com o W */
.app-body .app-header a.text-white::before {
  content: ""; background: var(--a-simbolo) center / contain no-repeat; -webkit-mask: none; mask: none; border-radius: 0;
  width: 30px; height: 30px; vertical-align: -7px;
}
.a-auth .auth-simbolo { width: 56px; height: 56px; display: block; margin: 0 auto 16px; }

/* o modo escuro antigo (dark.css) pinta fundo e cartões de cinza-azulado com !important: aqui volta o ameixa */
[data-bs-theme=dark] body.a-auth.brand-bg { background: var(--a-bg) !important; }
[data-bs-theme=dark] body.app-body { background: var(--a-bg); }
[data-bs-theme=dark] .app-body .card, [data-bs-theme=dark] .a-auth .card, [data-bs-theme=dark] .app-body .modal-content,
[data-bs-theme=dark] .app-body .dropdown-menu, [data-bs-theme=dark] .app-body .offcanvas { background-color: var(--a-surface) !important; color: var(--a-text-2); }
[data-bs-theme=dark] .app-body .bg-light, [data-bs-theme=dark] .app-body .bg-white { background-color: var(--a-surface-2) !important; }

/* links no login seguem a cor de link da conta (no claro, a marca escurecida até ser legível) */
.a-auth a { color: var(--a-lnk); }

/* "Treinar a equipe": chamada conjunta WorkSy + Quinta (guia, página 03). Fundo ameixa nos dois modos; a Quinta
   entra com as cores dela (Q palha com a folha dourada, botão dourado com texto floresta) */
.app-body .ws-quinta { background: #24163A; color: #E4DAEC; border-radius: 24px; padding: clamp(24px, 4vw, 44px); }
[data-bs-theme=dark] .app-body .ws-quinta { background: #2E2047; }
.app-body .ws-quinta h2 { color: #FFF7F0; font-size: clamp(24px, 3.4vw, 40px); line-height: 1.05; margin: 26px 0 10px; max-width: 760px; }
.app-body .ws-quinta p { max-width: 720px; margin: 0; }
.ws-quinta-marcas { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.ws-quinta-marca { display: inline-flex; align-items: center; gap: 9px; color: #FFF7F0; }
.ws-quinta-marca img, .ws-quinta-marca svg { width: 30px; height: 30px; flex: none; }
.ws-quinta-marca b { font-family: var(--a-titulo); font-size: 22px; font-weight: 800; letter-spacing: -.05em; }
.ws-quinta-marca.q b { font-family: 'Hanken Grotesk', var(--a-font); letter-spacing: -.03em; font-size: 19px; }
.ws-quinta-fio { width: 1px; height: 30px; background: #4A3B64; }
.ws-jornada { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ws-jornada li { border-radius: 16px; padding: 14px 16px; font-family: var(--a-titulo); font-weight: 800; font-size: 20px; letter-spacing: -.03em; color: #24163A; }
.ws-jornada small { display: block; font: 500 11px var(--a-mono); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.ws-jornada .c1 { background: #FF5A3C; } .ws-jornada .c2 { background: #C9B8FF; }
.ws-jornada .c3 { background: #A8D5B5; color: #123B2E; } .ws-jornada .c4 { background: #F2B53A; color: #123B2E; }
@media (max-width: 720px) { .ws-jornada { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.app-body .ws-quinta-btn { display: inline-block; background: #F2B53A; color: #123B2E; font-weight: 600; padding: 12px 22px; border-radius: 12px; text-decoration: none; }
.app-body .ws-quinta-btn:hover { background: #E5A626; color: #123B2E; }