/* ================================
   Blog Goofy Design System
   Clean Humor Magazine Direction
   ================================ */

:root {
  /* Brand Colors */
  --bg-blue: #1e5eff;
  --bg-blue-dark: #12345a;
  --bg-gold: #ffc845;
  --bg-orange: #ff7a00;

  /* Neutrals */
  --bg-page: #f7f9fc;
  --bg-paper: #ffffff;
  --bg-soft: #eef3fb;
  --bg-ink: #162033;
  --bg-muted: #667085;
  --bg-border: #d9e2ef;

  /* Legacy aliases */
  --bg-yellow: var(--bg-gold);
  --bg-red: #e95644;
  --bg-white: #ffffff;
  --bg-blue: #005fe6;
  --bg-blue-dark: #061b3a;
  --bg-yellow: #ffb51f;
  --bg-orange: #ff6b2c;
  --bg-red: #ef3f2f;

  /* Typography */
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: Georgia, serif;

  /* Layout */
  --container: 1200px;
  --content-width: 820px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;

  /* Shadows */
  --shadow-soft: 0 10px 28px rgba(18, 52, 90, 0.08);
  --shadow-medium: 0 16px 42px rgba(18, 52, 90, 0.12);
  --shadow-bold: 0 20px 55px rgba(18, 52, 90, 0.16);

  /* Spacing */
  --space-xs: 0.4rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-xxl: 4.5rem;
}

/* Base */
body {
  background: var(--bg-page);
  color: var(--bg-ink);
  font-family: var(--font-body);
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: inherit;
  font-weight: 750;
  letter-spacing: -0.035em;
}

p,
li {
  font-weight: 400;
}

strong,
b {
  font-weight: 700;
}

/* Buttons */
.button,
.wp-block-button__link,
.search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-blue);
  color: #ffffff;
  border: 0;
  border-radius: 999px;
  padding: 0.78rem 1.15rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--shadow-soft);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.button:hover,
.wp-block-button__link:hover,
.search-submit:hover {
  background: var(--bg-orange);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: var(--shadow-medium);
}

/* Badges */
.module-label,
.post-card-meta,
.single-meta {
  display: inline-block;
  background: rgba(255, 200, 69, 0.22);
  color: var(--bg-blue-dark);
  border: 1px solid rgba(255, 200, 69, 0.7);
  padding: 0.32rem 0.7rem;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Cards */
.post-card,
.home-module,
.latest-post-card,
.no-results,
.page-content,
.single-content {
  border: 1px solid var(--bg-border);
}

/* Subtle playful accent */
.goofy-note {
  font-family: var(--font-accent);
  background: var(--bg-soft);
  border-left: 5px solid var(--bg-gold);
  padding: 1rem 1.25rem;
  border-radius: var(--radius-md);
}