/**
 * NMA brand foundation for the subscription-flow surfaces (/my-plan, /checkout, /signup).
 * Mirrors the v4-homepage design language (the brand source of truth) so the homepage,
 * /my-plan and /checkout read as one cohesive flow. Enqueued only on those pages
 * (see canvas/functions.php → is_subscription_flow_page), so it can't affect the rest
 * of the site.
 *
 * Source of truth: github/v4-homepage (Salzburg + Inter, teal-700 brand, rose-600 CTAs).
 */

/* ---- Salzburg (headings + prices). Hosted in the theme; mirrors next/font local. ---- */
@font-face { font-family:'Salzburg'; src:url('../fonts/salzburg/salzburg-light.woff2') format('woff2');       font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Salzburg'; src:url('../fonts/salzburg/salzburg-medium.woff2') format('woff2');      font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Salzburg'; src:url('../fonts/salzburg/salzburg-book.woff2') format('woff2');        font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Salzburg'; src:url('../fonts/salzburg/salzburg-bold.woff2') format('woff2');        font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Salzburg'; src:url('../fonts/salzburg/salzburg-extra-bold.woff2') format('woff2');  font-weight:800; font-style:normal; font-display:swap; }

:root {
  /* Brand palette — exact values from v4-homepage (Tailwind teal/rose/neutral/stone). */
  --nma-teal:#0f766e;        /* primary: links, accents, featured ring, checks, toggle-on */
  --nma-teal-50:#f0fdfa;
  --nma-teal-950:#042f2c;
  --nma-rose:#e11d48;        /* CTAs + sale */
  --nma-rose-hover:#f43f5e;
  --nma-rose-700:#be123c;
  --nma-rose-50:#fff7ed;
  --nma-ink:#171717;         /* neutral-900 headings/text */
  --nma-ink-2:#262626;
  --nma-body:#404040;        /* neutral-700 body */
  --nma-body-2:#525252;      /* neutral-600 */
  --nma-muted:#737373;       /* neutral-500 labels/captions */
  --nma-line:#e5e5e5;        /* neutral-200 borders */
  --nma-stone:#e7e5e4;       /* stone-200 card border */
  --nma-soft:#fafafa;        /* neutral-50 toggle bg */
  --nma-soft-2:#f5f5f5;      /* neutral-100 */
  --nma-serif:'Salzburg', ui-serif, Georgia, serif;
  --nma-sans:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --nma-radius:16px;         /* rounded-2xl cards */
  --nma-radius-sm:6px;       /* rounded-md buttons */
  --nma-shadow:0 1px 2px 0 rgba(0,0,0,.05);
}

/* ---- Foundation typography (these pages only) ---- */
body.nma-brand,
body.nma-brand .entry-content,
body.nma-brand .woocommerce {
  font-family:var(--nma-sans);
  color:var(--nma-ink);
  -webkit-font-smoothing:antialiased;
}
body.nma-brand h1, body.nma-brand h2, body.nma-brand h3,
body.nma-brand .nma-serif {
  font-family:var(--nma-serif);
  color:var(--nma-ink);
  letter-spacing:-0.01em;
}

/* Shared primary CTA (rose) — homepage .btn-primary, sized for a real button. */
.nma-btn-primary,
body.nma-brand a.nma-btn-primary,
body.nma-brand button.nma-btn-primary {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:12px 24px;
  background:var(--nma-rose); color:#fff !important;
  font-family:var(--nma-sans); font-size:16px; font-weight:600; line-height:1;
  border:0; border-radius:var(--nma-radius-sm); box-shadow:var(--nma-shadow);
  text-decoration:none; cursor:pointer; transition:background-color .15s ease;
}
.nma-btn-primary:hover{ background:var(--nma-rose-hover); color:#fff !important; }

/* Checkout's own component styling lives in css/nma-checkout.css (enqueued on is_checkout);
   this file only provides the shared foundation (fonts, tokens, headings) for all flow pages. */