/* ============================================================
   Flame of Provision — Brand Styles
   Override Material theme defaults with warm flame palette.
   ============================================================ */

:root {
  /* Primary palette — flame */
  --md-primary-fg-color:        #B8860B;  /* dark goldenrod */
  --md-primary-fg-color--light: #DAA520;  /* goldenrod */
  --md-primary-fg-color--dark:  #8B6914;  /* deep amber */

  /* Accent palette — ember */
  --md-accent-fg-color:         #C04000;  /* mahogany / deep orange */
  --md-accent-fg-color--transparent: rgba(192, 64, 0, 0.1);
}

/* Hero typography on homepage */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-top: 2em;
}

/* Card grid (used on homepage) */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  padding: 1.2rem 1.4rem;
  transition: border-color 200ms, box-shadow 200ms;
}

.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  border-color: var(--md-primary-fg-color--light);
  box-shadow: 0 4px 12px rgba(184, 134, 11, 0.1);
}

/* Scripture references — emphasize with a subtle background */
.scripture-ref {
  background: rgba(184, 134, 11, 0.08);
  padding: 0.05em 0.4em;
  border-radius: 0.25em;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px dashed var(--md-primary-fg-color--light);
}

.scripture-ref:hover {
  background: rgba(184, 134, 11, 0.16);
  border-bottom-style: solid;
}

[data-md-color-scheme="slate"] .scripture-ref {
  background: rgba(218, 165, 32, 0.15);
}

[data-md-color-scheme="slate"] .scripture-ref:hover {
  background: rgba(218, 165, 32, 0.25);
}

/* Make the worksheet "fill-in" lines visible on screen too */
.md-typeset li:has(> hr) hr,
.md-typeset hr.fill-line {
  border: 0;
  border-bottom: 1px solid var(--md-default-fg-color--lighter);
  margin: 0.5em 0;
}

/* Larger, more readable body text for the curriculum */
.md-typeset {
  font-size: 0.85rem;
  line-height: 1.65;
}

/* Strengthen blockquote styling for scripture */
.md-typeset blockquote {
  border-left: 4px solid var(--md-primary-fg-color);
  padding-left: 1em;
  font-style: italic;
  color: var(--md-default-fg-color--light);
}

/* Buttons */
.md-typeset .md-button {
  border-radius: 0.4rem;
  transition: all 200ms;
}

.md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
}

.md-typeset .md-button--primary:hover {
  background-color: var(--md-primary-fg-color--dark);
  border-color: var(--md-primary-fg-color--dark);
}

/* Footer attribution */
.md-footer-meta {
  background-color: var(--md-primary-fg-color--dark);
}