/*
 * MkDocs Material generates its full color CSS from the named palette ("teal").
 * We only override the specific tokens that differ from the built-in teal.
 * Using "primary: custom" breaks Material's color block entirely — avoid it.
 */

/* ── f-core primary #00bfa5 (Material teal is #009485 — nudge it) ───────── */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #00bfa5;
  --md-primary-fg-color--light: #33cbb8;
  --md-primary-fg-color--dark: #008f7a;
  --md-accent-fg-color: #00bfa5;
  --md-accent-fg-color--transparent: rgba(0, 191, 165, 0.1);
  --md-typeset-a-color: #00bfa5;
}

/* ── f-core dark palette ───────────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1419;
  --md-default-bg-color--light: #1a2332;
  --md-default-bg-color--lighter: #1e2a3d;
  --md-default-bg-color--lightest: #243044;

  --md-code-bg-color: #1a2332;
  --md-code-fg-color: #e8edf4;

  --md-primary-bg-color: #0f1419;
  --md-primary-bg-color--light: rgba(15, 20, 25, 0.7);
  --md-accent-bg-color: #0f1419;

  --md-default-fg-color: #f0f4f8;
  --md-default-fg-color--light: #e8edf4;
  --md-default-fg-color--lighter: rgba(240, 244, 248, 0.54);
  --md-default-fg-color--lightest: rgba(240, 244, 248, 0.12);

  --md-footer-bg-color: #1a2332;
  --md-footer-bg-color--dark: #0f1419;
}

/* ── homepage grid cards — f-core secondary tone (#8392ab) ─────────────── */
.md-typeset .grid.cards > :is(ul, ol) > li {
  background-color: rgba(131, 146, 171, 0.08);
  border-color: rgba(131, 146, 171, 0.2);
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > :is(ul, ol) > li {
  background-color: #1a2332;
  border-color: rgba(131, 146, 171, 0.2);
}