/* Dokko design tokens → Material for MkDocs (sky accent from dokko-web). */

:root {
  --md-text-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-code-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --md-primary-fg-color: #0284c7;
  --md-primary-fg-color--light: #0ea5e9;
  --md-primary-fg-color--dark: #0369a1;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffff;
  --md-accent-fg-color: #0284c7;
  --md-accent-fg-color--transparent: #0284c71a;
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: #ffffff;
}

html {
  font-size: 106.25%;
  font-family: var(--md-text-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-md-color-scheme="default"] {
  --md-default-fg-color: #18181b;
  --md-default-fg-color--light: #52525b;
  --md-default-fg-color--lighter: #71717a;
  --md-default-fg-color--lightest: #a1a1aa;
  --md-default-bg-color: #f8fafc;
  --md-default-bg-color--light: #ffffff;
  --md-default-bg-color--lighter: #f1f5f9;
}

[data-md-color-scheme="slate"] {
  --md-default-fg-color: #f4f4f5;
  --md-default-fg-color--light: #a1a1aa;
  --md-default-fg-color--lighter: #71717a;
  --md-default-fg-color--lightest: #52525b;
  --md-default-bg-color: #0f172a;
  --md-default-bg-color--light: #1e293b;
  --md-default-bg-color--lighter: #334155;
  --md-primary-bg-color: #0f172a;
  --md-accent-bg-color: #0f172a;
}

.md-header {
  background-color: var(--md-primary-fg-color);
}

.md-tabs {
  background-color: var(--md-primary-fg-color--dark);
}