/* My Better Half design tokens — mirrored from the "My Better Half Design System"
   (same values as the WordPress theme's style.css, section 1). */
@font-face { font-family: "Oswald"; font-weight: 500; src: url(fonts/oswald-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Oswald"; font-weight: 700; src: url(fonts/oswald-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Permanent Marker"; font-weight: 400; src: url(fonts/permanent-marker-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Kaushan Script"; font-weight: 400; src: url(fonts/kaushan-script-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Noto Serif"; font-style: italic; font-weight: 400; src: url(fonts/noto-serif-latin-400-italic.woff2) format("woff2"); }
@font-face { font-family: "Noto Serif"; font-style: italic; font-weight: 700; src: url(fonts/noto-serif-latin-700-italic.woff2) format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 400; src: url(fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 600; src: url(fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 800; src: url(fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2"); }

:root {
  --mbh-honey: #F5A91C; --mbh-honey-deep: #B97708; --mbh-honey-soft: #FFD66B;
  --mbh-silver: #C5CBD4; --mbh-silver-deep: #7F8896; --mbh-silver-soft: #E9EDF2;
  --mbh-cream: #FFF4DF;
  --mbh-coral: #FF5B4F; --mbh-coral-deep: #D8343A; --mbh-coral-soft: #FF9B8A;
  --mbh-teal: #14A39A; --mbh-teal-deep: #0C716C; --mbh-teal-soft: #8ADCD3;
  --mbh-cta-top: #FF6A55; --mbh-cta-bottom: #D8343A; --mbh-cta-rim: #FFB3A3; --mbh-cta-glow: rgba(255,91,79,.55);
  --mbh-plum: #5A2560; --mbh-plum-2: #7E3A7C; --mbh-plum-night: #3A163E; --mbh-stage-glow: #B35A93;
  --mbh-amber: #F2A84B; --mbh-candle: #FFD27A;
  --mbh-paper: #FFFAF0; --mbh-paper-2: #FBF0DC;
  --mbh-ink: #1A1418; --mbh-ink-2: #2E2629;
  --mbh-gray-500: #877F86; --mbh-gray-300: #CFC8CC;

  --font-condensed: "Oswald", "Arial Narrow", sans-serif;
  --font-marker: "Permanent Marker", "Marker Felt", cursive;
  --font-script: "Kaushan Script", "Brush Script MT", cursive;
  --font-serif: "Noto Serif", Georgia, serif;
  --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;

  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 999px;
  --border-rim: 3px; --border-ink: 4px;
  --shadow-sticker: 4px 4px 0 var(--mbh-ink);
  --gradient-cta: linear-gradient(180deg, var(--mbh-cta-top) 0%, var(--mbh-cta-bottom) 100%);
  --glow-cta: 0 0 0 var(--border-rim) var(--mbh-cta-rim), 0 0 28px 6px var(--mbh-cta-glow), inset 0 2px 0 rgba(255,255,255,.28), inset 0 -6px 12px rgba(0,0,0,.18);
  --ease-pop: cubic-bezier(.34,1.56,.64,1);
  --ease-out: cubic-bezier(.2,.7,.2,1);

  /* Team / category colors */
  --c-honey: var(--mbh-honey); --c-teal: var(--mbh-teal); --c-coral: var(--mbh-coral);
  --c-silver: var(--mbh-silver); --c-plum: var(--mbh-stage-glow);
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--mbh-plum-night); color: var(--mbh-cream); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; color: inherit; }