/* Custom palette overrides for ddi-l documentation */
:root {
  --ddi-primary-fg: #1d4ed8;
  --ddi-primary-fg-light: #2563eb;
  --ddi-primary-fg-dark: #1e3a8a;
  --ddi-accent-fg: #a24b17;
  --ddi-accent-fg-light: #c2410c;
  --ddi-accent-fg-dark: #7c2d12;
}

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--ddi-primary-fg);
  --md-primary-fg-color--light: var(--ddi-primary-fg-light);
  --md-primary-fg-color--dark: var(--ddi-primary-fg-dark);
  --md-accent-fg-color: var(--ddi-accent-fg);
  --md-accent-fg-color--light: var(--ddi-accent-fg-light);
  --md-accent-fg-color--dark: var(--ddi-accent-fg-dark);
  --md-typeset-a-color: var(--ddi-accent-fg);
  --ddi-text-color: var(--md-default-fg-color, #1b1b1b);
  --md-code-bg-color: #f0f3ff;
  --md-code-fg-color: #1c2333;
  --md-code-border-color: #a6baff;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--ddi-primary-fg-light);
  --md-primary-fg-color--light: #3b82f6;
  --md-primary-fg-color--dark: var(--ddi-primary-fg);
  --md-accent-fg-color: #f97316;
  --md-accent-fg-color--light: #fb923c;
  --md-accent-fg-color--dark: var(--ddi-accent-fg);
  --md-typeset-a-color: #f97316;
  --ddi-focus-color: var(--md-accent-fg-color);
  --ddi-focus-ring: 0 0 0 3px rgba(249, 115, 22, 0.45);
  --ddi-text-color: #e5e7eb;
  --ddi-background-color: #0f172a;
  --ddi-button-background: var(--md-accent-fg-color);
  --ddi-button-background-hover: var(--md-accent-fg-color--light);
  --ddi-button-text-color: #0f172a;
  --md-code-bg-color: #1a253b;
  --md-code-fg-color: #e2e8f0;
  --md-code-border-color: #334155;
}

[data-md-color-scheme="slate"] .md-typeset a:hover,
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--md-accent-fg-color--light);
}

[data-md-color-scheme="high-contrast"] {
  color-scheme: dark;
  --md-default-bg-color: #000000;
  --md-default-bg-color--light: #141414;
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #f2f2f2;
  --md-default-fg-color--lighter: #d9d9d9;
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #f8f8f8;
  --md-primary-fg-color--dark: #d9d9d9;
  --md-primary-bg-color: #000000;
  --md-accent-fg-color: #ffde59;
  --md-accent-fg-color--light: #ffe88f;
  --md-accent-fg-color--dark: #c7a800;
  --md-typeset-color: #ffffff;
  --md-typeset-a-color: #5ad1ff;
  --md-code-bg-color: #111111;
  --md-code-fg-color: #f6f6f6;
  --md-code-border-color: #2c2c2c;
  --md-shadow-z1: 0 0 0 3px rgba(255, 222, 89, 0.35);
  --ddi-focus-color: var(--md-typeset-a-color);
  --ddi-focus-ring: 0 0 0 3px rgba(90, 209, 255, 0.45);
  --ddi-text-color: var(--md-typeset-color);
  --ddi-background-color: var(--md-default-bg-color);
  --ddi-button-background: var(--md-accent-fg-color);
  --ddi-button-background-hover: var(--md-accent-fg-color--light);
  --ddi-button-text-color: #000000;
}

[data-md-color-scheme="high-contrast"] .md-button,
[data-md-color-scheme="high-contrast"] .md-typeset a,
[data-md-color-scheme="high-contrast"] .md-tabs__link,
[data-md-color-scheme="high-contrast"] .md-nav__link {
  color: var(--md-typeset-color);
}

[data-md-color-scheme="high-contrast"] .md-button,
[data-md-color-scheme="high-contrast"] .md-typeset .md-button {
  background-color: var(--md-accent-fg-color);
  color: #000000;
}

[data-md-color-scheme="high-contrast"] .md-button:hover,
[data-md-color-scheme="high-contrast"] .md-button:focus {
  background-color: var(--md-accent-fg-color--light);
  color: #000000;
}

[data-md-color-scheme="deuteranopia"] {
  color-scheme: light;
  --md-default-bg-color: #f6f7fb;
  --md-default-bg-color--light: #ffffff;
  --md-default-fg-color: #111827;
  --md-default-fg-color--light: #1f2937;
  --md-default-fg-color--lighter: #374151;
  --md-primary-fg-color: #1e3a8a;
  --md-primary-fg-color--light: #2563eb;
  --md-primary-fg-color--dark: #172554;
  --md-primary-bg-color: #f6f7fb;
  --md-accent-fg-color: #a24b17;
  --md-accent-fg-color--light: #c2410c;
  --md-accent-fg-color--dark: #7c2d12;
  --md-typeset-color: #111827;
  --md-typeset-a-color: #0b5be7;
  --md-code-bg-color: #eef2ff;
  --md-code-fg-color: #1b1b1b;
  --md-code-border-color: #c7d2fe;
  --ddi-focus-color: var(--md-primary-fg-color);
  --ddi-focus-ring: 0 0 0 3px rgba(11, 91, 231, 0.35);
  --ddi-text-color: var(--md-typeset-color);
  --ddi-background-color: var(--md-default-bg-color);
  --ddi-button-background: var(--md-primary-fg-color);
  --ddi-button-background-hover: var(--md-primary-fg-color--light);
  --ddi-button-text-color: #ffffff;
}

[data-md-color-scheme="deuteranopia"] .md-button,
[data-md-color-scheme="deuteranopia"] .md-typeset .md-button {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
}

[data-md-color-scheme="deuteranopia"] .md-button:hover,
[data-md-color-scheme="deuteranopia"] .md-button:focus {
  background-color: var(--md-primary-fg-color--light);
  color: #ffffff;
}

[data-md-color-scheme="protanopia"] {
  color-scheme: light;
  --md-default-bg-color: #f7f9f9;
  --md-default-bg-color--light: #ffffff;
  --md-default-fg-color: #0f172a;
  --md-default-fg-color--light: #1f2937;
  --md-default-fg-color--lighter: #364152;
  --md-primary-fg-color: #144a75;
  --md-primary-fg-color--light: #1f6aa5;
  --md-primary-fg-color--dark: #0d2f47;
  --md-primary-bg-color: #f7f9f9;
  --md-accent-fg-color: #a24b17;
  --md-accent-fg-color--light: #ab5517;
  --md-accent-fg-color--dark: #7c2d12;
  --md-typeset-color: #0f172a;
  --md-typeset-a-color: #005f73;
  --md-code-bg-color: #e8f1f2;
  --md-code-fg-color: #102027;
  --md-code-border-color: #94b5c0;
  --ddi-focus-color: var(--md-primary-fg-color);
  --ddi-focus-ring: 0 0 0 3px rgba(0, 95, 115, 0.35);
  --ddi-text-color: var(--md-typeset-color);
  --ddi-background-color: var(--md-default-bg-color);
  --ddi-button-background: var(--md-primary-fg-color);
  --ddi-button-background-hover: var(--md-primary-fg-color--light);
  --ddi-button-text-color: #ffffff;
}

[data-md-color-scheme="protanopia"] .md-button,
[data-md-color-scheme="protanopia"] .md-typeset .md-button {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
}

[data-md-color-scheme="protanopia"] .md-button:hover,
[data-md-color-scheme="protanopia"] .md-button:focus {
  background-color: var(--md-primary-fg-color--light);
  color: #ffffff;
}

[data-md-color-scheme="tritanopia"] {
  color-scheme: light;
  --md-default-bg-color: #f7f6f2;
  --md-default-bg-color--light: #ffffff;
  --md-default-fg-color: #1a1a1a;
  --md-default-fg-color--light: #2b2b2b;
  --md-default-fg-color--lighter: #4a4a4a;
  --md-primary-fg-color: #1f3c88;
  --md-primary-fg-color--light: #3058c3;
  --md-primary-fg-color--dark: #13265a;
  --md-primary-bg-color: #f7f6f2;
  --md-accent-fg-color: #8b2841;
  --md-accent-fg-color--light: #b23a58;
  --md-accent-fg-color--dark: #5f1a2c;
  --md-typeset-color: #1a1a1a;
  --md-typeset-a-color: #264653;
  --md-code-bg-color: #f0ede6;
  --md-code-fg-color: #1f1f1f;
  --md-code-border-color: #c8c0b3;
  --ddi-focus-color: var(--md-primary-fg-color);
  --ddi-focus-ring: 0 0 0 3px rgba(38, 70, 83, 0.35);
  --ddi-text-color: var(--md-typeset-color);
  --ddi-background-color: var(--md-default-bg-color);
  --ddi-button-background: var(--md-primary-fg-color);
  --ddi-button-background-hover: var(--md-primary-fg-color--light);
  --ddi-button-text-color: #ffffff;
}

[data-md-color-scheme="tritanopia"] .md-button,
[data-md-color-scheme="tritanopia"] .md-typeset .md-button {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
}

[data-md-color-scheme="tritanopia"] .md-button:hover,
[data-md-color-scheme="tritanopia"] .md-button:focus {
  background-color: var(--md-primary-fg-color--light);
  color: #ffffff;
}