/* ============================================================
   WTA brand fonts — Marsden (display) + General Sans (body)
   ============================================================ */
@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Regular.woff2") format("woff2"),
       url("../fonts/GeneralSans-Regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Medium.woff2") format("woff2"),
       url("../fonts/GeneralSans-Medium.woff") format("woff");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Semibold.woff2") format("woff2"),
       url("../fonts/GeneralSans-Semibold.woff") format("woff");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-MediumItalic.woff2") format("woff2"),
       url("../fonts/GeneralSans-MediumItalic.woff") format("woff");
  font-weight: 500; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-SemiboldItalic.woff2") format("woff2"),
       url("../fonts/GeneralSans-SemiboldItalic.woff") format("woff");
  font-weight: 600; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Marsden";
  src: url("../fonts/MarsdenSlim-Regular.woff2") format("woff2"),
       url("../fonts/MarsdenSlim-Regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Marsden";
  src: url("../fonts/MarsdenSlim-SemiBold.woff2") format("woff2"),
       url("../fonts/MarsdenSlim-SemiBold.woff") format("woff");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Marsden";
  src: url("../fonts/MarsdenSlim-Bold.woff2") format("woff2"),
       url("../fonts/MarsdenSlim-Bold.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* ---- WTA core palette ---- */
  /* Heritage Purple scale — the neutral base (nav, headers, hero, text) */
  --primary-900: #2D0046;  /* Heritage Purple */
  --primary-700: #4A1C77;
  --primary-500: #7A4FB1;  /* Metallic Purple */
  --primary-300: #B49AD9;
  --primary-100: #ECE5F5;
  --primary-50:  #F6F3FB;

  /* Powered-up Green — CTAs, highlights, "cleared"/positive */
  --green-dark:  #00A360;
  --green-mid:   #00CD5A;
  --green-light: #00F0D2;

  /* Electric Yellow — secondary highlight, sparingly */
  --yellow:      #F5FA00;
  --brand:       var(--green-dark);  /* link/step-nav accent */

  /* Colors — Semantic */
  --success:     #00A360;   /* Powered-up Green (dark end for legibility) */
  --success-bg:  #E6F7EF;
  --warning:     #d97706;
  --warning-bg:  #fffbeb;
  --error:       #dc2626;
  --error-bg:    #fef2f2;

  /* Colors — Neutral (Heritage Purple as the "black", Chalk as the "white") */
  --ink:         #2D0046;   /* Heritage Purple */
  --muted:       #6E6280;
  --border:      #E7E1EE;
  --bg:          #FAFAF5;   /* Chalk */
  --bg-subtle:   #F2F0EA;

  /* Typography */
  --font-stack:   "General Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Marsden", "General Sans", ui-sans-serif, system-ui, sans-serif;
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 0.9375rem;
  --text-lg:   1.125rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* Radii */
  --radius-input:  10px;
  --radius-button: 12px;
  --radius-card:   16px;
  --radius-pill:   999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(45, 0, 70, 0.06);
  --shadow-md: 0 4px 12px rgba(45, 0, 70, 0.10);
  --shadow-lg: 0 8px 24px rgba(45, 0, 70, 0.14);

  /* Transitions */
  --transition: 0.2s ease;
}