/* docs/stylesheets/theme.css */

:root {
  --phyto-gold: #F5CD2A;
  --phyto-yellow: #ebcc1d;
  --phyto-light-yellow: #ffec83;
}

[data-md-color-scheme="slate"] {
  --phyto-bg-primary: var(--md-default-bg-color);
  --phyto-bg-secondary: var(--md-code-bg-color, #242631);
  --phyto-bg-card: var(--md-default-bg-color);
  
  --phyto-text-white: #ffffff;
  --phyto-text-main: var(--md-typeset-color);
  --phyto-text-muted: #a0a0a0;
  --phyto-text-heading: #ffffff;
  --phyto-text-gold-accent: #F5CD2A;
  --phyto-text-yellow-accent: #ffec83;
  
  --phyto-btn-primary-bg: var(--phyto-yellow);
  --phyto-btn-primary-text: #000;
  
  --phyto-link-base: #ffffff;
  --phyto-link-hover: #F5CD2A;
  --phyto-icon-fill: #F5CD2A;

  --phyto-shadow-base: 0 4px 6px rgba(0, 0, 0, 0.2);
  --phyto-shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.4);

  --override-bg: #2c2c2b; 
  --override-fg: #eeeedb;
  --header-color: #2686e6;
  --custom-kw: #06bac7;
  --custom-func: #2d9b71;
  --custom-class: #fabd2f;
  --custom-str: #b8bb26;
  --custom-comment: #367512;
  --custom-num: #d3869b;
  --custom-decor: #fe8019;
}

.md-typeset .highlight {
  background-color: var(--override-bg) !important;
  border-radius: 2px;
  margin: 1em 0;
}

.md-typeset .highlight pre {
  background-color: var(--override-bg) !important;
  color: var(--override-fg) !important;
  margin: 0 !important;
}

.md-typeset .highlight pre > code {
  background-color: transparent !important;
  color: var(--override-fg) !important;
}

.md-typeset code {
  background-color: var(--override-bg) !important;
  color: var(--override-fg) !important;
}

.highlight .k, .highlight .kn, .highlight .kp, .highlight .kd {
  color: var(--custom-kw) !important;
  font-weight: bold;
}

.highlight .nf, .highlight .fm {
  color: var(--custom-func) !important;
  font-weight: bold;
}

.highlight .nc {
  color: var(--custom-class) !important;
  font-weight: bold;
}

.highlight .s2, .highlight .s1, .highlight .sd {
  color: var(--custom-str) !important;
}

.highlight .c1, .highlight .cm {
  color: var(--custom-comment) !important;
  font-style: italic;
}

.highlight .mi, .highlight .mf, .highlight .kc {
  color: var(--custom-num) !important;
}

.highlight .nd {
  color: var(--custom-decor) !important;
}

.highlight .nb {
  color: var(--custom-func) !important;
}