/* JOV.AI Brand Standards */

/* Import Google Fonts */

/* Brand Colors */
:root {
  --jov-golden: #f3ac39;
  --jov-camo: #82877e;
  --jov-earth: #35292b;
  --jov-pacific: #77a0b5;
  --jov-red: #da3627;
  --jov-mint: #93d1b9;
}

/* Override Material theme colors */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--jov-earth);
  --md-primary-fg-color--light: #4a3d3f;
  --md-primary-fg-color--dark: #2a1e20;
  --md-accent-fg-color: var(--jov-golden);
  --md-typeset-a-color: #915c00;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--jov-earth);
  --md-accent-fg-color: var(--jov-golden);
  --md-typeset-a-color: var(--jov-golden);
}

/* Typography */
body {
  font-family: 'Montserrat', sans-serif;
}

.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

/* Make logo white for clean look on dark header */
.md-header__button.md-logo img {
  filter: brightness(0) invert(1);
}

/* Hide redundant site name text next to logo */
.md-header__topic {
  display: none;
}

/* Hero title styling for homepage */
.hero-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--jov-earth);
}

@media (min-width: 768px) {
  .hero-title {
    font-size: 3rem;
  }
}

/* Primary buttons use Golden */
.md-button--primary {
  background-color: var(--jov-golden);
  border-color: var(--jov-golden);
  color: var(--jov-earth);
}

.md-button--primary:hover {
  background-color: #e09a2a;
  border-color: #e09a2a;
}

/* Secondary buttons */
.md-button:not(.md-button--primary) {
  border-color: var(--jov-camo);
  color: var(--jov-camo);
}

.md-button:not(.md-button--primary):hover {
  background-color: var(--jov-camo);
  color: white;
}

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

/* Header */
.md-header {
  background-color: var(--jov-earth);
}

/* Increase base font size for readability */
.md-typeset {
  font-size: 0.9rem;
}