/*
 * TQPro brand overrides for MkDocs Material.
 * Maps tokens from doc/design-system/tq-tokens.css onto Material CSS variables.
 */

:root {
  --tq-primary:        #362c5d;
  --tq-primary-dark:   #2a2149;
  --tq-secondary:      #FFC166;
  --tq-success:        #198754;
  --tq-warning:        #ffc107;
  --tq-danger:         #dc3545;
  --tq-info:           #0dcaf0;
  --tq-border:         #dee2e6;
  --tq-heading:        #2d3748;
  --tq-label:          #4a5568;
  --tq-bg:             #f8f9fa;
}

/* ---------- Light scheme ---------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:              var(--tq-primary);
  --md-primary-fg-color--light:       #4a3f7a;
  --md-primary-fg-color--dark:        var(--tq-primary-dark);
  --md-primary-bg-color:              #ffffff;
  --md-primary-bg-color--light:       #ffffffb3;

  --md-accent-fg-color:               #b8801f;
  --md-accent-fg-color--transparent:  rgba(255, 193, 102, 0.15);
  --md-accent-bg-color:               #ffffff;
  --md-accent-bg-color--light:        #ffffffb3;

  --md-typeset-a-color:               var(--tq-primary);
  --md-default-bg-color:              #ffffff;

  --md-code-bg-color:                 #f6f7fb;
  --md-code-fg-color:                 #2d3748;
}

/* ---------- Dark scheme (slate) ---------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:              var(--tq-primary-dark);
  --md-primary-fg-color--light:       #4a3f7a;
  --md-primary-fg-color--dark:        #1d1736;

  --md-accent-fg-color:               var(--tq-secondary);
  --md-accent-fg-color--transparent:  rgba(255, 193, 102, 0.18);
  --md-accent-bg-color:               #1d1736;

  --md-typeset-a-color:               #c5b6ff;
}

/* ---------- Headings ---------- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--tq-heading);
  font-weight: 600;
  letter-spacing: -0.01em;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #e2e8f0;
}

/* ---------- Tables (mirror admin .table-hover .table-sm) ---------- */
.md-typeset table:not([class]) {
  font-size: 0.85rem;
  border: 1px solid var(--tq-border);
  border-radius: 4px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background-color: #f1f3f5;
  color: var(--tq-heading);
  font-weight: 600;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #2a2149;
  color: #e2e8f0;
}

.md-typeset table:not([class]) tr:hover {
  background-color: rgba(54, 44, 93, 0.04);
}

/* ---------- Admonitions: subtle brand tint on note ---------- */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--tq-primary);
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(54, 44, 93, 0.08);
}

/* ---------- Buttons / search highlight ---------- */
.md-typeset .md-button--primary {
  background-color: var(--tq-primary);
  border-color: var(--tq-primary);
  color: #ffffff;
}

.md-typeset .md-button--primary:hover {
  background-color: var(--tq-primary-dark);
  border-color: var(--tq-primary-dark);
}

/* ---------- Code blocks: tighter brand-aligned look ---------- */
.md-typeset code {
  border-radius: 3px;
  padding: 0.1em 0.35em;
}