/* ==========================================================================
   NovuCRM — Documentação · identidade visual da marca
   Espelho dos tokens de hubkairos.com.br (kairos-site/src/styles/tokens.css)
   e de frontend/src/index.css:
   navy #0B1623 · gold #C6A35F · gold-deep #8F713F (AA sobre branco)
   cream #F3EFE6 · Fraunces (display) + Hanken Grotesk (corpo)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --novu-navy: #0B1623;
  --novu-navy-soft: #16243A;
  --novu-gold: #C6A35F;
  --novu-gold-deep: #8F713F;
  --novu-cream: #F3EFE6;
  --novu-ink-2: #3A4456;
  --novu-line: rgba(11, 22, 35, 0.12);
  --novu-line-dark: rgba(255, 255, 255, 0.14);
}

/* ---------- Cores do tema (Material lê estas variáveis) ---------- */

[data-md-color-scheme='default'] {
  --md-primary-fg-color: var(--novu-navy);
  --md-primary-fg-color--light: var(--novu-navy-soft);
  --md-primary-fg-color--dark: #060d16;
  --md-primary-bg-color: #ffffff;
  --md-accent-fg-color: var(--novu-gold-deep);
  --md-typeset-a-color: var(--novu-gold-deep);
  --md-default-fg-color--light: var(--novu-ink-2);
  --md-code-bg-color: #f6f3ec;
  --md-footer-bg-color: var(--novu-navy);
  --md-footer-bg-color--dark: #060d16;
}

[data-md-color-scheme='slate'] {
  --md-primary-fg-color: var(--novu-navy);
  --md-primary-fg-color--light: var(--novu-navy-soft);
  --md-primary-fg-color--dark: #060d16;
  --md-accent-fg-color: var(--novu-gold);
  --md-typeset-a-color: var(--novu-gold);
  --md-default-bg-color: #0e1927;
  --md-default-fg-color: rgba(243, 239, 230, 0.92);
  --md-default-fg-color--light: rgba(243, 239, 230, 0.68);
  --md-code-bg-color: #16243a;
  --md-footer-bg-color: #060d16;
  --md-footer-bg-color--dark: #04090f;
}

/* ---------- Tipografia da marca ---------- */

body,
.md-typeset {
  font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__topic,
.md-header__title {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.md-typeset h1 {
  color: var(--novu-navy);
}

[data-md-color-scheme='slate'] .md-typeset h1 {
  color: var(--novu-cream);
}

.md-typeset code,
.md-typeset pre {
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
}

/* ---------- Cabeçalho e abas (navy + fio dourado) ---------- */

.md-header {
  background-color: var(--novu-navy);
}

.md-tabs {
  background-color: var(--novu-navy);
  border-bottom: 1px solid rgba(198, 163, 95, 0.35);
}

.md-tabs__link {
  color: rgba(243, 239, 230, 0.72);
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: var(--novu-gold);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}

/* ---------- Busca ---------- */

[data-md-toggle='search']:checked ~ .md-header .md-search__form,
.md-search__form:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

/* ---------- Navegação lateral e sumário ---------- */

.md-nav__item .md-nav__link--active,
.md-nav__item .md-nav__link--active code {
  color: var(--novu-gold-deep);
  font-weight: 600;
}

[data-md-color-scheme='slate'] .md-nav__item .md-nav__link--active {
  color: var(--novu-gold);
}

/* ---------- Cards da página inicial ---------- */

.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: 1px solid var(--novu-line);
  border-radius: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--novu-gold);
  box-shadow: 0 6px 24px rgba(11, 22, 35, 0.08);
}

[data-md-color-scheme='slate'] .md-typeset .grid.cards > ul > li {
  border-color: var(--novu-line-dark);
}

[data-md-color-scheme='slate'] .md-typeset .grid.cards > ul > li:hover {
  border-color: var(--novu-gold);
}

.md-typeset .grid.cards > ul > li > hr {
  border-color: rgba(198, 163, 95, 0.5);
}

/* Ícone dos cards em dourado */
.md-typeset .grid.cards .twemoji svg,
.md-typeset .grid.cards > ul > li > p:first-child .twemoji {
  color: var(--novu-gold-deep);
}

[data-md-color-scheme='slate'] .md-typeset .grid.cards .twemoji svg {
  color: var(--novu-gold);
}

/* ---------- Admonitions (dica/atenção) na paleta ---------- */

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--novu-gold);
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(198, 163, 95, 0.14);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: var(--novu-gold-deep);
}

/* ---------- Prints do sistema (moldura de app) ---------- */

.md-typeset img[src*='img/'] {
  border: 1px solid var(--novu-line);
  border-radius: 12px;
  box-shadow: 0 10px 32px rgba(11, 22, 35, 0.10);
}

[data-md-color-scheme='slate'] .md-typeset img[src*='img/'] {
  border-color: var(--novu-line-dark);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
}

/* ---------- Botões ---------- */

.md-typeset .md-button--primary {
  background-color: var(--novu-gold);
  border-color: var(--novu-gold);
  color: var(--novu-navy);
}

.md-typeset .md-button--primary:hover {
  background-color: var(--novu-gold-deep);
  border-color: var(--novu-gold-deep);
  color: #fff;
}

/* ---------- Rodapé ---------- */

.md-footer-meta {
  background-color: #060d16;
}