/*
Theme Name: TAPC Americana
Theme URI:
Description: The American Propaganda Company — Americana child theme.
Author: The American Propaganda Company
Template: twentytwentyfive
Version: 1.0.0
*/

:root {
  --color-bg:        #D4B896;   /* FDE / tan */
  --color-bg-light:  #E8D9C0;   /* lighter tan for cards/sections */
  --color-red:       #B22234;   /* US flag red */
  --color-red-dark:  #8B1A27;   /* hover / accent red */
  --color-blue:      #002868;   /* US flag blue */
  --color-blue-mid:  #1A4A8A;   /* secondary blue */
  --color-white:     #F5EFE0;   /* warm off-white */
  --color-gold:      #C9A84C;   /* accent / star gold */
  --color-text:      #1C1C1C;
  --color-text-muted:#4A3F30;

  --font-display: 'Oswald', 'Impact', sans-serif;
  --font-body:    'Merriweather', Georgia, serif;
}

/* ── Base ── */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--color-blue);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

a {
  color: var(--color-red);
}
a:hover {
  color: var(--color-red-dark);
}

/* ── Header ── */
header.wp-block-template-part {
  border-bottom: 4px solid var(--color-red);
}

.wp-block-site-title a,
.wp-block-site-title {
  font-family: var(--font-display);
  color: var(--color-text) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* ── Navigation ── */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--color-text) !important;
  font-family: var(--font-display);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.wp-block-navigation a:hover {
  color: var(--color-red) !important;
}

/* ── Buttons ── */
.wp-block-button__link,
.wp-element-button {
  background-color: var(--color-red);
  color: var(--color-white);
  font-family: var(--font-display);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: none;
  border-radius: 2px;
}
.wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
}

/* ── Hero / Cover blocks ── */
.wp-block-cover {
  border-bottom: 5px solid var(--color-gold);
}

/* ── Cards / Groups ── */
.wp-block-group {
  background-color: var(--color-bg-light);
}

/* ── Footer ── */
.wp-block-template-part[data-slug="footer"],
footer.wp-block-template-part {
  background-color: var(--color-blue);
  color: var(--color-white);
  border-top: 4px solid var(--color-red);
}

footer p, footer a {
  color: var(--color-white);
}

/* ── Utility: star-divider ── */
.star-divider {
  text-align: center;
  color: var(--color-gold);
  font-size: 1.5rem;
  letter-spacing: 0.5rem;
  margin: 2rem 0;
}