/* SmartGenPlan brand override for Material */

:root {
  --md-primary-fg-color: #0f172a;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark: #0a0f1a;
  --md-accent-fg-color: #06B6D4;
  --md-accent-fg-color--transparent: rgba(6, 182, 212, 0.12);
  --md-default-bg-color: #ffffff;
  --md-typeset-a-color: #06B6D4;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a0f1a;
  --md-default-fg-color: #e2e8f0;
  --md-default-fg-color--light: #94a3b8;
  --md-default-fg-color--lighter: #64748b;
  --md-default-fg-color--lightest: #475569;
  --md-code-bg-color: #1e293b;
  --md-code-fg-color: #e2e8f0;
  --md-typeset-a-color: #22d3ee;
  --md-primary-fg-color: #0a0f1a;
  --md-primary-bg-color: #e2e8f0;
  --md-footer-bg-color: #0a0f1a;
  --md-footer-bg-color--dark: #0a0f1a;
  --md-footer-fg-color: #94a3b8;
  --md-footer-fg-color--light: #64748b;
  --md-footer-fg-color--lighter: #475569;
}

/* Light theme: header/tabs background overridden to white above, so the
   primary-bg-color (text colour on those bars) must be dark — Material's
   default white-on-primary becomes white-on-white otherwise. */
[data-md-color-scheme="default"] {
  --md-primary-bg-color: #0f172a;
  --md-primary-bg-color--light: rgba(15, 23, 42, 0.7);
  --md-footer-bg-color: #ffffff;
  --md-footer-bg-color--dark: #f1f5f9;
  --md-footer-fg-color: #475569;
  --md-footer-fg-color--light: #64748b;
  --md-footer-fg-color--lighter: #94a3b8;
}

/* Polygon-style corners on cards, buttons, code blocks (SGP brand) */
.md-typeset .admonition,
.md-typeset details,
.md-typeset pre > code,
.md-typeset code,
.md-typeset .highlight,
.md-typeset table:not([class]),
.md-button,
.md-search__form,
.md-search__output {
  border-radius: 3px 8px 3px 8px !important;
}

.md-typeset .tabbed-set > input + label {
  border-radius: 2px 6px 2px 6px;
}

/* Header — match page background, subtle separator only */
.md-header,
.md-header[data-md-state="shadow"] {
  background: var(--md-default-bg-color) !important;
  box-shadow: 0 1px 0 rgba(148, 163, 184, 0.08) !important;
}
.md-header__title {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Tabs — same background as page */
.md-tabs {
  background: var(--md-default-bg-color) !important;
}

/* Footer — match page background */
.md-footer,
.md-footer-meta,
.md-footer-meta.md-typeset {
  background: var(--md-default-bg-color) !important;
}
.md-footer-nav {
  background: var(--md-default-bg-color) !important;
}

/* Code copy button shimmer reduce */
.md-clipboard {
  color: var(--md-default-fg-color--light);
}
.md-clipboard:hover {
  color: var(--md-accent-fg-color);
}

/* Admonition tweaks for SGP brand */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-accent-fg-color);
}
.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #f59e0b;
}

/* Role cards — three blocks for owner / developer / support */
.role-card {
  padding: 16px 20px;
  margin: 12px 0;
  background: var(--md-code-bg-color);
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 4px 12px 4px 12px;
}
.role-card .role-title {
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--md-accent-fg-color);
}
.role-card .role-sub {
  font-size: 14px;
  color: var(--md-default-fg-color--light);
  line-height: 1.5;
}