/* ------------------------------------------------------------------
   Mad Social design tokens — every colour/font/shape decision routes
   through here. Brand values match ms-web src/styles/global.css.
   ------------------------------------------------------------------ */

:root {
  /* colour — Mad Social navy / cream / gold */
  --ink: #3D5060;            /* navy: headings / nav (matched to --navy 2026-10-01) */
  --ink-2: #3D5060;          /* navy: story text          */
  --ink-3: #3D5060;          /* navy: method card titles  */
  --body: #6B7280;           /* grey body copy            */
  --body-2: rgba(45, 55, 72, .72); /* method card copy    */
  --accent: #C5A67E;         /* gold-dark: heading accents, stats */
  --btn: #D4B896;            /* gold: buttons             */
  --btn-hover: #C5A67E;      /* gold-dark: button hover   */
  --navy: #3D5060;           /* navy poster cards / closing */
  --navy-deep: #2F4050;
  --canvas: #FAF9F6;         /* warm off-white page background */
  --band: #F5F3EF;           /* warm full-bleed bands     */
  --card: #FFFFFF;
  --card-soft: #F0E4D4;      /* cream-light: service card fill */
  --cream: #E8D5C0;
  --line: #E8E6E1;
  --dash: #D8CBB8;           /* dashed borders (warm)     */
  --wm-tint: #F0E4D4;        /* cream tint (video cards)  */

  /* legacy aliases (template classes reference these) */
  --blue: var(--accent);
  --blue-btn: var(--btn);
  --sky: var(--accent);

  /* type — Georgia display serif + Poppins support (ms-web stacks) */
  --serif: Georgia, "Times New Roman", serif;
  --sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui: var(--sans);

  /* shape */
  --r-card: 35px;            /* big section cards   */
  --r-inner: 18px;           /* inner cards         */
  --r-tile: 12px;            /* email tiles         */
  --r-pill: 999px;

  /* layout */
  --wrap: 1126px;
  --header-h: 81px;

  /* motion */
  --reveal-dur: .8s;
  --reveal-ease: cubic-bezier(.22, .61, .36, 1);
}