/* Custom pastel theme for plait documentation
   Calming muted palette with yellow and blue accents
   Avoids bright white backgrounds */

:root {
  /* Primary palette - muted blues and yellows */
  --md-primary-fg-color: #5c6bc0;
  --md-primary-fg-color--light: #8e99a4;
  --md-primary-fg-color--dark: #3f51b5;
  --md-primary-bg-color: #fafafa;
  --md-primary-bg-color--light: #ffffff;

  /* Accent - warm amber/yellow */
  --md-accent-fg-color: #d4a574;
  --md-accent-fg-color--transparent: rgba(212, 165, 116, 0.1);
  --md-accent-bg-color: #ffeaa7;
  --md-accent-bg-color--light: #fff9e6;
}

/* Slate scheme overrides for muted appearance */
[data-md-color-scheme="slate"] {
  /* Muted background - not too dark, not bright white */
  --md-default-bg-color: #2d3748;
  --md-default-bg-color--light: #3d4a5c;
  --md-default-bg-color--lighter: #4a5568;
  --md-default-bg-color--lightest: #5a6577;

  /* Muted foreground text */
  --md-default-fg-color: #e2e8f0;
  --md-default-fg-color--light: #a0aec0;
  --md-default-fg-color--lighter: #718096;
  --md-default-fg-color--lightest: #4a5568;

  /* Primary - soft indigo/blue */
  --md-primary-fg-color: #7c8dbd;
  --md-primary-fg-color--light: #9fabc8;
  --md-primary-fg-color--dark: #5c6bc0;
  --md-primary-bg-color: #e8eaf6;
  --md-primary-bg-color--light: #f5f5ff;

  /* Accent - warm amber/yellow tones */
  --md-accent-fg-color: #f6c667;
  --md-accent-fg-color--transparent: rgba(246, 198, 103, 0.1);

  /* Code blocks - slightly lighter than background */
  --md-code-bg-color: #1e2533;
  --md-code-fg-color: #e2e8f0;

  /* Typeset links */
  --md-typeset-a-color: #7c9fd4;

  /* Admonitions */
  --md-admonition-bg-color: rgba(255, 255, 255, 0.05);
}

/* Code highlighting improvements */
.highlight code,
.highlighttable code,
code {
  font-size: 0.85em;
}

/* Inline code styling */
.md-typeset code {
  background-color: rgba(124, 157, 212, 0.15);
  border-radius: 3px;
  padding: 0.1em 0.3em;
}

/* Code block styling */
.md-typeset pre > code {
  background-color: var(--md-code-bg-color);
  padding: 1em;
}

/* Syntax highlighting - custom colors for muted theme */
[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .c1,
[data-md-color-scheme="slate"] .highlight .cm {
  color: #8b9dc3;  /* Comments - muted blue */
}

[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kn,
[data-md-color-scheme="slate"] .highlight .kd {
  color: #c792ea;  /* Keywords - soft purple */
}

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2 {
  color: #c3e88d;  /* Strings - soft green */
}

[data-md-color-scheme="slate"] .highlight .n,
[data-md-color-scheme="slate"] .highlight .na,
[data-md-color-scheme="slate"] .highlight .nb {
  color: #82aaff;  /* Names - soft blue */
}

[data-md-color-scheme="slate"] .highlight .nf {
  color: #f6c667;  /* Functions - amber/yellow */
}

[data-md-color-scheme="slate"] .highlight .mi,
[data-md-color-scheme="slate"] .highlight .mf {
  color: #f78c6c;  /* Numbers - soft orange */
}

[data-md-color-scheme="slate"] .highlight .o,
[data-md-color-scheme="slate"] .highlight .p {
  color: #89ddff;  /* Operators/punctuation - light cyan */
}

/* Navigation styling */
.md-nav__link {
  font-weight: 400;
}

.md-nav__link--active {
  font-weight: 600;
  color: var(--md-accent-fg-color);
}

/* Header styling */
.md-header {
  background-color: rgba(45, 55, 72, 0.95);
}

/* Footer styling */
.md-footer {
  background-color: rgba(30, 37, 51, 0.95);
}

/* Tables */
.md-typeset table:not([class]) {
  background-color: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.md-typeset table:not([class]) th {
  background-color: rgba(124, 141, 189, 0.2);
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}