/* Flowpane Documentation — Custom Theme
   Matches the Flowpane app's dark theme with DM Sans + JetBrains Mono */

/* Brand colours */
:root {
  --fp-teal: #2ec4b6;
  --fp-teal-dim: rgba(46, 196, 182, 0.12);
  --fp-red: #ef4444;
  --fp-amber: #f59e0b;
  --fp-blue: #3b82f6;
  --fp-purple: #8b5cf6;
}

/* Dark scheme overrides */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2ec4b6;
  --md-primary-bg-color: #0c0c14;
  --md-accent-fg-color: #2ec4b6;
  --md-default-bg-color: #0c0c14;
  --md-default-fg-color: #e4e4ef;
  --md-default-fg-color--light: #8888a0;
  --md-default-fg-color--lighter: #55556a;
  --md-code-bg-color: #12121c;
  --md-code-fg-color: #e4e4ef;
  --md-typeset-a-color: #2ec4b6;
  --md-footer-bg-color: #0a0a10;
  --md-footer-fg-color: #8888a0;
}

/* Light scheme overrides */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #2ec4b6;
  --md-accent-fg-color: #0e9e92;
  --md-typeset-a-color: #0e9e92;
}

/* Navigation tabs styling */
.md-tabs {
  background-color: var(--md-primary-bg-color);
}

/* Admonition custom types for governance */
.md-typeset .admonition.governance,
.md-typeset details.governance {
  border-color: var(--fp-teal);
}
.md-typeset .governance > .admonition-title,
.md-typeset .governance > summary {
  background-color: var(--fp-teal-dim);
}

.md-typeset .admonition.scoring,
.md-typeset details.scoring {
  border-color: var(--fp-amber);
}
.md-typeset .scoring > .admonition-title,
.md-typeset .scoring > summary {
  background-color: rgba(245, 158, 11, 0.12);
}

/* Score badge styling */
.score-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85em;
  border: 2px solid;
}
.score-badge.green { color: #22c55e; border-color: #22c55e; }
.score-badge.amber { color: #f59e0b; border-color: #f59e0b; }
.score-badge.red   { color: #ef4444; border-color: #ef4444; }

/* Plan comparison table styling */
.plan-table th {
  text-align: center;
  white-space: nowrap;
}
.plan-table td:not(:first-child) {
  text-align: center;
}

/* Keyboard shortcut styling */
.md-typeset kbd {
  background-color: var(--md-code-bg-color);
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 4px;
  padding: 0.1em 0.4em;
  font-size: 0.85em;
}

/* Hide edit button since we don't have a repo */
.md-content__button {
  display: none;
}