/* pont.ink docs visual layer */

:root {
  --pont-accent: #007f8a;
  --pont-accent-strong: #005f73;
  --pont-surface-soft: #f2f8f9;
  --pont-border: #c8dfe2;
}

/* Keep Material's structure, but tune key brand tones. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #284b63;
  --md-primary-fg-color--light: #4d6f86;
  --md-primary-fg-color--dark: #1f3c50;
  --md-accent-fg-color: var(--pont-accent);
  --md-typeset-a-color: var(--pont-accent-strong);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  letter-spacing: 0.01em;
}

.md-typeset h2 {
  border-bottom: 1px solid var(--pont-border);
  padding-bottom: 0.25rem;
}

.md-typeset table:not([class]) {
  border: 1px solid var(--pont-border);
  border-radius: 10px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background: linear-gradient(180deg, #e8f5f6 0%, #d8ecef 100%);
  color: #183642;
  border-bottom: 1px solid var(--pont-border);
}

.md-typeset table:not([class]) td {
  border-top: 1px solid #deecee;
}

.md-typeset table:not([class]) tr:nth-child(even) td {
  background: var(--pont-surface-soft);
}

.md-typeset code {
  border-radius: 4px;
}