/* Naruto Character Network - Custom Theme */

:root {
  /* Naruto official color palette */
  --naruto-orange: #F66C2D;
  --naruto-blue: #4691CC;
  --naruto-navy: #082C8C;
  --jiraiya-red: #C92A2A;
  --pain-purple: #7B2D8E;
  --sage-green: #2D6A4F;

  /* Material theme overrides */
  --md-primary-fg-color: #F66C2D;
  --md-primary-fg-color--light: #FF8A50;
  --md-primary-fg-color--dark: #E55A1A;
  --md-accent-fg-color: #082C8C;
  --md-accent-fg-color--transparent: rgba(8, 44, 140, 0.1);
}

/* Color the logo icon  -- Didn't work, yet */
.md-header__button.md-logo svg {                                                                                                                                                                                                
    fill: var(--sage-green);                                                                                                                                                                                   
}    

/* Headings with Naruto accent */
.md-typeset h1 {
  color: var(--naruto-navy);
  border-bottom: 3px solid var(--naruto-orange);
  padding-bottom: 0.3em;
}

.md-typeset h2 {
  color: var(--naruto-navy);
}

/* Code blocks with subtle background */
.md-typeset code {
  background-color: #FFF3E0;
  color: var(--naruto-navy);
}

/* Admonitions */
.md-typeset .admonition.note {
  border-left-color: var(--naruto-blue);
}

.md-typeset .admonition.warning {
  border-left-color: var(--naruto-orange);
}

.md-typeset .admonition.tip {
  border-left-color: var(--sage-green);
}

/* Links */
.md-typeset a {
  color: var(--naruto-blue);
}

.md-typeset a:hover {
  color: var(--naruto-orange);
}

/* Navigation tabs */
.md-tabs {
  background-color: var(--naruto-navy);
}

/* Buttons */
.md-button {
  background-color: var(--naruto-orange);
  color: white;
  border: none;
}

.md-button:hover {
  background-color: var(--naruto-navy);
}

.md-button--primary {
  background-color: var(--naruto-navy);
}

.md-button--primary:hover {
  background-color: var(--naruto-orange);
}
