/* Light mode colors */
[data-md-color-scheme="default"] {
  /* Primary colors */
  --md-primary-fg-color: #E5EEF1;
  --md-primary-fg-color--light: #E5EEF1;
  --md-primary-fg-color--dark: #09116B;
  --md-primary-bg-color: #09116B;
  
  /* Accent colors */
  --md-accent-fg-color: #09116B;
  --md-accent-fg-color--transparent: rgba(9, 17, 107, 0.1);
  --md-accent-bg-color: #E5EEF1;
  --md-accent-bg-color--light: #E5EEF1;

  /* Default color scheme */
  --md-default-fg-color: #09116B;
  --md-default-fg-color--light: #09116B;
  --md-default-fg-color--lighter: #09116B;
  --md-default-fg-color--lightest: #09116B;
  --md-default-bg-color: #E5EEF1;
  --md-default-bg-color--light: #F0F6F8;
  --md-default-bg-color--lighter: #F5F9FB;
  --md-default-bg-color--lightest: #FAFCFD;

  /* Code block colors */
  --md-code-bg-color: #F0F6F8;
  --md-code-fg-color: #09116B;
  --md-code-hl-color: rgba(0, 0, 0, 0.1);
  --md-code-hl-number-color: #0033cc;
  --md-code-hl-special-color: #cc0066;
  --md-code-hl-function-color: #0066cc;
  --md-code-hl-constant-color: #cc6600;
  --md-code-hl-keyword-color: #9933cc;
  --md-code-hl-string-color: #009900;
  --md-code-hl-name-color: #333333;
  --md-code-hl-operator-color: #666666;
  --md-code-hl-punctuation-color: #666666;
  --md-code-hl-comment-color: #999999;
  --md-code-hl-generic-color: #333333;
  --md-code-hl-variable-color: #333333;

  /* Header colors */
  --md-header-bg-color: #E5EEF1;
  --md-header-bg-color--dark: #E5EEF1;
  --md-header-fg-color: #09116B;
  --md-header-fg-color--light: #09116B;

  /* Footer colors */
  --md-footer-bg-color: #E5EEF1;
  --md-footer-bg-color--dark: #E5EEF1;
  --md-footer-fg-color: #09116B;
  --md-footer-fg-color--light: #09116B;
  --md-footer-fg-color--lighter: rgba(50, 50, 50, 0.7);

  /* Link colors */
  --md-typeset-a-color: #09116B;
  --md-typeset-a-color--hover: rgba(9, 17, 107, 0.8);

  /* Table colors */
  --md-typeset-table-color: #333333;
  --md-typeset-table-color--light: #666666;
  --md-typeset-table-bg-color: #E5EEF1;
  --md-typeset-table-bg-color--light: #F0F6F8;

  /* Custom spacing */
  --md-typeset-table-cell-padding: 12px 16px;
  --md-typeset-table-cell-padding--light: 8px 12px;
  --md-typeset-table-cell-padding--heavy: 16px 24px;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  /* Primary colors */
  --md-primary-fg-color: #09116B;
  --md-primary-fg-color--light: #09116B;
  --md-primary-fg-color--dark: #09116B;
  
  /* Accent colors */
  --md-accent-fg-color: #ffffff;
  --md-accent-fg-color--transparent: rgba(9, 17, 107, 0.1);
  --md-accent-bg-color: #09116B;
  --md-accent-bg-color--light: #09116B;

  /* Default color scheme */
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #ffffff;
  --md-default-fg-color--lighter: #ffffff;
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.7);
  --md-default-bg-color: #09116B;
  --md-default-bg-color--light: #09116B;
  --md-default-bg-color--lighter: #09116B;
  --md-default-bg-color--lightest: #09116B;

  /* Code block colors */
  --md-code-bg-color: rgba(255, 255, 255, 0.1);
  --md-code-fg-color: #ffffff;
  --md-code-hl-color: rgba(255, 255, 255, 0.2);
  --md-code-hl-number-color: #ffffff;
  --md-code-hl-special-color: #ffffff;
  --md-code-hl-function-color: #ffffff;
  --md-code-hl-constant-color: #ffffff;
  --md-code-hl-keyword-color: #ffffff;
  --md-code-hl-string-color: #ffffff;
  --md-code-hl-name-color: #ffffff;
  --md-code-hl-operator-color: #ffffff;
  --md-code-hl-punctuation-color: #ffffff;
  --md-code-hl-comment-color: rgba(255, 255, 255, 0.7);
  --md-code-hl-generic-color: #ffffff;
  --md-code-hl-variable-color: #ffffff;

  /* Header colors */
  --md-header-bg-color: #09116B;
  --md-header-bg-color--dark: #09116B;
  --md-header-fg-color: #ffffff;
  --md-header-fg-color--light: #ffffff;

  /* Footer colors */
  --md-footer-bg-color: #09116B;
  --md-footer-bg-color--dark: #09116B;
  --md-footer-fg-color: #ffffff;
  --md-footer-fg-color--light: #ffffff;
  --md-footer-fg-color--lighter: rgba(255, 255, 255, 0.7);

  /* Link colors */
  --md-typeset-a-color: #ffffff;
  --md-typeset-a-color--hover: rgba(255, 255, 255, 0.8);

  /* Table colors */
  --md-typeset-table-color: #ffffff;
  --md-typeset-table-color--light: rgba(255, 255, 255, 0.7);
  --md-typeset-table-bg-color: #09116B;
  --md-typeset-table-bg-color--light: rgba(255, 255, 255, 0.1);

  /* Custom spacing */
  --md-typeset-table-cell-padding: 12px 16px;
  --md-typeset-table-cell-padding--light: 8px 12px;
  --md-typeset-table-cell-padding--heavy: 16px 24px;
}

/* Common admonition icons for both themes */
:root {
  /* Admonition colors */
  --md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>');
  --md-admonition-icon--abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 5h16v2H4V5m0 4h16v2H4V9m0 4h16v2H4v-2m0 4h10v2H4v-2z"/></svg>');
  --md-admonition-icon--info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2z"/></svg>');
  --md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.58.58 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.5c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27z"/></svg>');
  --md-admonition-icon--success: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
  --md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2 2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4z"/></svg>');
  --md-admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2 1 21z"/></svg>');
  --md-admonition-icon--failure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>');
  --md-admonition-icon--danger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.21 0 4 1.79 4 4h2c0-3.31-2.69-6-6-6S6 2.69 6 6h2c0-2.21 1.79-4 4-4m0 18c-2.21 0-4-1.79-4-4H6c0 3.31 2.69 6 6 6s6-2.69 6-6h-2c0 2.21-1.79 4-4 4z"/></svg>');
  --md-admonition-icon--bug: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 12h-4v-2h4v2m0 4h-4v-2h4v2m6-6h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 0 0-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8m-6 8h-4v-2h4v2z"/></svg>');
  --md-admonition-icon--example: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7z"/></svg>');
  --md-admonition-icon--quote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.17 5L19 9.83V19H5V5h9.17m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59zM7 15h10v2H7v-2zm0-4h10v2H7v-2zm0-4h7v2H7V7z"/></svg>');
}

/* Documentation Layout - Common for both themes */

.md-nav__list .md-nav__list {
  padding-left: 16px;
}

.md-nav__item {
  padding: 3px 0;
}

.md-nav__list .md-nav__list .md-nav__link {
  font-size: 12px;
}

/* Navigation - Light mode */
[data-md-color-scheme="default"] .md-nav__link {
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #09116ba3;
  transition: all 0.1s linear;
}

[data-md-color-scheme="default"] .md-nav__item--active > .md-nav__link {
  color: #09116B;
  opacity: 1;
  transition: all 0.1s linear;
}

[data-md-color-scheme="default"] .md-content__inner > .md-content__inner {
  border-left: 1px solid rgba(9, 17, 107, 0.25);
  padding-left: 32px;
  width: 100%;
}

[data-md-color-scheme="default"] .md-content h1 {
  margin-bottom: 32px;
  color: #09116B;
}

/* Navigation - Dark mode */
[data-md-color-scheme="slate"] .md-nav__link {
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.1s linear;
}

[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: #ffffff!important;
  opacity: 1;
  transition: all 0.1s linear;
}

[data-md-color-scheme="slate"] .md-content__inner > .md-content__inner {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  padding-left: 32px;
  width: 100%;
}

[data-md-color-scheme="slate"] .md-content h1 {
  margin-bottom: 32px;
  color: #ffffff;
}

/* Code blocks - Light mode */
[data-md-color-scheme="default"] .md-typeset pre {
  font-family: "Roboto Mono", monospace;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding: 20px 24px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #F0F6F8;
}

[data-md-color-scheme="default"] .md-typeset code {
  color: #333333;
  background-color: #F5F9FB;
  padding: 0.2em 0.4em;
  border-radius: 4px;
}

/* Code blocks - Dark mode */
[data-md-color-scheme="slate"] .md-typeset pre {
  font-family: "Roboto Mono", monospace;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding: 20px 24px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.10);
}

[data-md-color-scheme="slate"] .md-typeset code {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.2em 0.4em;
  border-radius: 4px;
}

/* Syntax highlighting - Light mode */
[data-md-color-scheme="default"] .md-typeset .highlight .linenos {
  color: #999999;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding-right: 1em;
  margin-right: 1em;
}

[data-md-color-scheme="default"] .md-typeset .highlight .k { color: #9933cc; } /* Keyword */
[data-md-color-scheme="default"] .md-typeset .highlight .kt { color: #9933cc; } /* Keyword.Type */
[data-md-color-scheme="default"] .md-typeset .highlight .kd { color: #9933cc; } /* Keyword.Declaration */
[data-md-color-scheme="default"] .md-typeset .highlight .kn { color: #9933cc; } /* Keyword.Namespace */
[data-md-color-scheme="default"] .md-typeset .highlight .kp { color: #9933cc; } /* Keyword.Pseudo */
[data-md-color-scheme="default"] .md-typeset .highlight .kr { color: #9933cc; } /* Keyword.Reserved */
[data-md-color-scheme="default"] .md-typeset .highlight .kc { color: #9933cc; } /* Keyword.Constant */
[data-md-color-scheme="default"] .md-typeset .highlight .s { color: #009900; } /* String */
[data-md-color-scheme="default"] .md-typeset .highlight .sb { color: #009900; } /* String.Backtick */
[data-md-color-scheme="default"] .md-typeset .highlight .sc { color: #009900; } /* String.Char */
[data-md-color-scheme="default"] .md-typeset .highlight .sd { color: #009900; } /* String.Doc */
[data-md-color-scheme="default"] .md-typeset .highlight .s2 { color: #009900; } /* String.Double */
[data-md-color-scheme="default"] .md-typeset .highlight .se { color: #009900; } /* String.Escape */
[data-md-color-scheme="default"] .md-typeset .highlight .sh { color: #009900; } /* String.Heredoc */
[data-md-color-scheme="default"] .md-typeset .highlight .si { color: #009900; } /* String.Interpol */
[data-md-color-scheme="default"] .md-typeset .highlight .sx { color: #009900; } /* String.Other */
[data-md-color-scheme="default"] .md-typeset .highlight .sr { color: #009900; } /* String.Regex */
[data-md-color-scheme="default"] .md-typeset .highlight .s1 { color: #009900; } /* String.Single */
[data-md-color-scheme="default"] .md-typeset .highlight .ss { color: #009900; } /* String.Symbol */
[data-md-color-scheme="default"] .md-typeset .highlight .n { color: #333333; } /* Name */
[data-md-color-scheme="default"] .md-typeset .highlight .na { color: #0066cc; } /* Name.Attribute */
[data-md-color-scheme="default"] .md-typeset .highlight .nb { color: #0066cc; } /* Name.Builtin */
[data-md-color-scheme="default"] .md-typeset .highlight .bp { color: #0066cc; } /* Name.Builtin.Pseudo */
[data-md-color-scheme="default"] .md-typeset .highlight .nc { color: #0066cc; } /* Name.Class */
[data-md-color-scheme="default"] .md-typeset .highlight .no { color: #0066cc; } /* Name.Constant */
[data-md-color-scheme="default"] .md-typeset .highlight .nd { color: #0066cc; } /* Name.Decorator */
[data-md-color-scheme="default"] .md-typeset .highlight .ni { color: #0066cc; } /* Name.Entity */
[data-md-color-scheme="default"] .md-typeset .highlight .ne { color: #0066cc; } /* Name.Exception */
[data-md-color-scheme="default"] .md-typeset .highlight .nf { color: #0066cc; } /* Name.Function */
[data-md-color-scheme="default"] .md-typeset .highlight .nl { color: #0066cc; } /* Name.Label */
[data-md-color-scheme="default"] .md-typeset .highlight .nn { color: #0066cc; } /* Name.Namespace */
[data-md-color-scheme="default"] .md-typeset .highlight .nx { color: #0066cc; } /* Name.Other */
[data-md-color-scheme="default"] .md-typeset .highlight .py { color: #0066cc; } /* Name.Property */
[data-md-color-scheme="default"] .md-typeset .highlight .nt { color: #9933cc; } /* Name.Tag */
[data-md-color-scheme="default"] .md-typeset .highlight .nv { color: #0066cc; } /* Name.Variable */
[data-md-color-scheme="default"] .md-typeset .highlight .vc { color: #0066cc; } /* Name.Variable.Class */
[data-md-color-scheme="default"] .md-typeset .highlight .vg { color: #0066cc; } /* Name.Variable.Global */
[data-md-color-scheme="default"] .md-typeset .highlight .vi { color: #0066cc; } /* Name.Variable.Instance */
[data-md-color-scheme="default"] .md-typeset .highlight .c { color: #999999; } /* Comment */
[data-md-color-scheme="default"] .md-typeset .highlight .cm { color: #999999; } /* Comment.Multiline */
[data-md-color-scheme="default"] .md-typeset .highlight .cp { color: #999999; } /* Comment.Preproc */
[data-md-color-scheme="default"] .md-typeset .highlight .c1 { color: #999999; } /* Comment.Single */
[data-md-color-scheme="default"] .md-typeset .highlight .cs { color: #999999; } /* Comment.Special */
[data-md-color-scheme="default"] .md-typeset .highlight .m { color: #0033cc; } /* Literal.Number */
[data-md-color-scheme="default"] .md-typeset .highlight .mf { color: #0033cc; } /* Literal.Number.Float */
[data-md-color-scheme="default"] .md-typeset .highlight .mh { color: #0033cc; } /* Literal.Number.Hex */
[data-md-color-scheme="default"] .md-typeset .highlight .mi { color: #0033cc; } /* Literal.Number.Integer */
[data-md-color-scheme="default"] .md-typeset .highlight .il { color: #0033cc; } /* Literal.Number.Integer.Long */
[data-md-color-scheme="default"] .md-typeset .highlight .mo { color: #0033cc; } /* Literal.Number.Oct */
[data-md-color-scheme="default"] .md-typeset .highlight .mb { color: #0033cc; } /* Literal.Number.Bin */
[data-md-color-scheme="default"] .md-typeset .highlight .o { color: #666666; } /* Operator */
[data-md-color-scheme="default"] .md-typeset .highlight .ow { color: #666666; } /* Operator.Word */
[data-md-color-scheme="default"] .md-typeset .highlight .p { color: #333333; } /* Punctuation */

/* Syntax highlighting - Dark mode */
[data-md-color-scheme="slate"] .md-typeset .highlight .linenos {
  color: rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  padding-right: 1em;
  margin-right: 1em;
}

[data-md-color-scheme="slate"] .md-typeset .highlight .k { color: #ff79c6; } /* Keyword */
[data-md-color-scheme="slate"] .md-typeset .highlight .kt { color: #ff79c6; } /* Keyword.Type */
[data-md-color-scheme="slate"] .md-typeset .highlight .kd { color: #ff79c6; } /* Keyword.Declaration */
[data-md-color-scheme="slate"] .md-typeset .highlight .kn { color: #ff79c6; } /* Keyword.Namespace */
[data-md-color-scheme="slate"] .md-typeset .highlight .kp { color: #ff79c6; } /* Keyword.Pseudo */
[data-md-color-scheme="slate"] .md-typeset .highlight .kr { color: #ff79c6; } /* Keyword.Reserved */
[data-md-color-scheme="slate"] .md-typeset .highlight .kc { color: #ff79c6; } /* Keyword.Constant */
[data-md-color-scheme="slate"] .md-typeset .highlight .s { color: #f1fa8c; } /* String */
[data-md-color-scheme="slate"] .md-typeset .highlight .sb { color: #f1fa8c; } /* String.Backtick */
[data-md-color-scheme="slate"] .md-typeset .highlight .sc { color: #f1fa8c; } /* String.Char */
[data-md-color-scheme="slate"] .md-typeset .highlight .sd { color: #f1fa8c; } /* String.Doc */
[data-md-color-scheme="slate"] .md-typeset .highlight .s2 { color: #f1fa8c; } /* String.Double */
[data-md-color-scheme="slate"] .md-typeset .highlight .se { color: #f1fa8c; } /* String.Escape */
[data-md-color-scheme="slate"] .md-typeset .highlight .sh { color: #f1fa8c; } /* String.Heredoc */
[data-md-color-scheme="slate"] .md-typeset .highlight .si { color: #f1fa8c; } /* String.Interpol */
[data-md-color-scheme="slate"] .md-typeset .highlight .sx { color: #f1fa8c; } /* String.Other */
[data-md-color-scheme="slate"] .md-typeset .highlight .sr { color: #f1fa8c; } /* String.Regex */
[data-md-color-scheme="slate"] .md-typeset .highlight .s1 { color: #f1fa8c; } /* String.Single */
[data-md-color-scheme="slate"] .md-typeset .highlight .ss { color: #f1fa8c; } /* String.Symbol */
[data-md-color-scheme="slate"] .md-typeset .highlight .n { color: #ffffff; } /* Name */
[data-md-color-scheme="slate"] .md-typeset .highlight .na { color: #8be9fd; } /* Name.Attribute */
[data-md-color-scheme="slate"] .md-typeset .highlight .nb { color: #8be9fd; } /* Name.Builtin */
[data-md-color-scheme="slate"] .md-typeset .highlight .bp { color: #8be9fd; } /* Name.Builtin.Pseudo */
[data-md-color-scheme="slate"] .md-typeset .highlight .nc { color: #8be9fd; } /* Name.Class */
[data-md-color-scheme="slate"] .md-typeset .highlight .no { color: #8be9fd; } /* Name.Constant */
[data-md-color-scheme="slate"] .md-typeset .highlight .nd { color: #8be9fd; } /* Name.Decorator */
[data-md-color-scheme="slate"] .md-typeset .highlight .ni { color: #8be9fd; } /* Name.Entity */
[data-md-color-scheme="slate"] .md-typeset .highlight .ne { color: #8be9fd; } /* Name.Exception */
[data-md-color-scheme="slate"] .md-typeset .highlight .nf { color: #8be9fd; } /* Name.Function */
[data-md-color-scheme="slate"] .md-typeset .highlight .nl { color: #8be9fd; } /* Name.Label */
[data-md-color-scheme="slate"] .md-typeset .highlight .nn { color: #8be9fd; } /* Name.Namespace */
[data-md-color-scheme="slate"] .md-typeset .highlight .nx { color: #8be9fd; } /* Name.Other */
[data-md-color-scheme="slate"] .md-typeset .highlight .py { color: #8be9fd; } /* Name.Property */
[data-md-color-scheme="slate"] .md-typeset .highlight .nt { color: #ff79c6; } /* Name.Tag */
[data-md-color-scheme="slate"] .md-typeset .highlight .nv { color: #8be9fd; } /* Name.Variable */
[data-md-color-scheme="slate"] .md-typeset .highlight .vc { color: #8be9fd; } /* Name.Variable.Class */
[data-md-color-scheme="slate"] .md-typeset .highlight .vg { color: #8be9fd; } /* Name.Variable.Global */
[data-md-color-scheme="slate"] .md-typeset .highlight .vi { color: #8be9fd; } /* Name.Variable.Instance */
[data-md-color-scheme="slate"] .md-typeset .highlight .c { color: #6272a4; } /* Comment */
[data-md-color-scheme="slate"] .md-typeset .highlight .cm { color: #6272a4; } /* Comment.Multiline */
[data-md-color-scheme="slate"] .md-typeset .highlight .cp { color: #6272a4; } /* Comment.Preproc */
[data-md-color-scheme="slate"] .md-typeset .highlight .c1 { color: #6272a4; } /* Comment.Single */
[data-md-color-scheme="slate"] .md-typeset .highlight .cs { color: #6272a4; } /* Comment.Special */
[data-md-color-scheme="slate"] .md-typeset .highlight .m { color: #bd93f9; } /* Literal.Number */
[data-md-color-scheme="slate"] .md-typeset .highlight .mf { color: #bd93f9; } /* Literal.Number.Float */
[data-md-color-scheme="slate"] .md-typeset .highlight .mh { color: #bd93f9; } /* Literal.Number.Hex */
[data-md-color-scheme="slate"] .md-typeset .highlight .mi { color: #bd93f9; } /* Literal.Number.Integer */
[data-md-color-scheme="slate"] .md-typeset .highlight .il { color: #bd93f9; } /* Literal.Number.Integer.Long */
[data-md-color-scheme="slate"] .md-typeset .highlight .mo { color: #bd93f9; } /* Literal.Number.Oct */
[data-md-color-scheme="slate"] .md-typeset .highlight .mb { color: #bd93f9; } /* Literal.Number.Bin */
[data-md-color-scheme="slate"] .md-typeset .highlight .o { color: #ff79c6; } /* Operator */
[data-md-color-scheme="slate"] .md-typeset .highlight .ow { color: #ff79c6; } /* Operator.Word */
[data-md-color-scheme="slate"] .md-typeset .highlight .p { color: #ffffff; } /* Punctuation */

/* Clipboard and other common elements */
.md-clipboard {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0.5em;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.md-clipboard:hover {
  opacity: 1;
}

.md-typeset .highlight .md-clipboard {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}

.md-typeset .highlight .md-clipboard:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.md-content ul,
.md-content ol {
  margin: 1em 0;
  padding-left: 0em;
}

.md-content li {
  margin: 0.5em 0;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 600;
}

.md-typeset p {
  margin: 1em 0;
}

.md-typeset strong {
  font-weight: 600;
}

.md-typeset em {
  font-style: italic;
}

/* Header customizations */
.md-header__topic {
  display: none;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 4rem;
  height: 2rem;
}


.md-header__inner {
  margin: 0 auto;
  background-color: var(--md-header-bg-color);
  color: var(--md-header-fg-color);
}

@media screen and (max-width: 76.1875em) {
  .md-header__inner {
    padding: 0 1rem;
  }
  
  .md-header__source {
    display: none;
  }
  
  .md-search {
    padding: 0;
  }
}

.md-header__source {
  width: auto;
  max-width: none;
  margin-left: auto;
}

.md-search {
  order: 3;
}



[data-md-color-scheme="default"] .md-search__input {
  background-color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--md-header-fg-color);
  transition: all 0.5s ease;
}

[data-md-color-scheme="slate"] .md-search__input {
  background-color: #09116B;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--md-header-fg-color);
  transition: all 0.2s ease;
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: rgba(0, 0, 0, 0.7);
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

[data-md-color-scheme="default"] .grid.cards li {
  background-color: white;
  transition: all 0.2s ease;
  border-radius: 2rem;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-md-color-scheme="slate"] .grid.cards li {
  background-color: #222879;
  transition: all 0.2s ease;
  border-radius: 2rem;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


.md-search__input:hover {
  background-color: #0011ff0e;
  transition: all 0.2s ease;
}

/* Logo styling for both modes */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 4rem;
  height: 2rem;
}

/* Hide default logo in light mode */
[data-md-color-scheme="default"] .md-header__button.md-logo img[src*="logo.svg"],
[data-md-color-scheme="default"] .md-header__button.md-logo svg {
  display: none;
}

/* Show light mode logo only in light mode */
[data-md-color-scheme="default"] .md-header__button.md-logo::after {
  content: "";
  display: block;
  width: 4rem;
  height: 2rem;
  background-image: url("../assets/images/logo_lightmode.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Dark mode logo (default behavior) */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  fill: var(--md-primary-fg-color);
}

/* Remove borders from all grid elements */
.grid,
.grid *,
.grid.cards,
.grid.cards li,
.grid.cards li > *,
.grid li,
.grid li > * {
  border: none !important;
  outline: none !important;
  stroke: none !important;
  box-shadow: none !important;
}

/* Light mode grid styling */
[data-md-color-scheme="default"] .grid,
[data-md-color-scheme="default"] .grid.cards,
[data-md-color-scheme="default"] .grid li {
  border: none !important;
  outline: none !important;
  stroke: none !important;
  box-shadow: none !important;
}

/* Dark mode grid styling */
[data-md-color-scheme="slate"] .grid,
[data-md-color-scheme="slate"] .grid.cards,
[data-md-color-scheme="slate"] .grid li {
  border: none !important;
  outline: none !important;
  stroke: none !important;
  box-shadow: none !important;
}
.grid.cards > div > h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}
/* Table of Contents - Light mode */
[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link {
  color: rgba(9, 17, 107, 0.6);
  transition: all 0.1s linear;
}

[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link:hover {
  color: #09116B !important;
  font-weight: 500;
}

[data-md-color-scheme="default"] .md-nav--secondary .md-nav__link--passed {
  color: rgba(9, 17, 107, 0.4);
}

/* Table of Contents - Dark mode */
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link {
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.1s linear;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link:hover {
  color: #ffffff !important;
  font-weight: 500;
}

[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__link--passed {
  color: rgba(255, 255, 255, 0.3);
}

/* Hero Section */
.hero-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}

.hero-section img {
  width: 80%;
  height: 80%;
}

.hero-section .hero__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-section .hero__right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-section .hero__right img {
  display: block;
  max-width: 100%;
  height: auto;
  animation: rotation 60s infinite linear;
}

/* Animation keyframes */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Mobile responsive - hide image on mobile */
@media screen and (max-width: 768px) {
  .hero-section {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .hero-section .hero__right {
    display: none;
  }
}

/* Tablet responsive */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hero-section {
    gap: 2rem;
  }
  
  .hero-section .hero__right img {
    max-width: 80%;
  }
}
.card-title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.card-content {
  font-size: 0.95rem;
  line-height: 1.6;
}

.card-content ul {
  list-style: disc;
  padding-left: 1.2rem;
  margin: 0.5rem 0 0.8rem 0;
}

.card-content li {
  margin-bottom: 0.4rem;
}
main a {
  text-decoration: underline;
  text-decoration-color: rgba(50, 50, 50, 0.3);
}
main a,
[data-md-color-scheme="slate"] main a {
  text-underline-offset: 3px;
}

.md-typeset .tabbed-labels {
  box-shadow: 0 -.05rem #b3b9f3 inset;
}