/* themes/mm-massage.css */
/* Overrides the default tokens in style.css for M&M Massage (pink/white) */

:root{
  /* Brand core */
  --brand: #C80E91;       /* main pink */
  --accent: #e754b5;      /* lighter accent pink */

  /* Text + surfaces */
  --bg: #ffffff;          /* white background */
  --text: #1f1f1f;        /* dark gray text */
  --muted: #8a8a8a;       /* subtle gray */

  /* Sections / surfaces */
  --surface: #eeefff;       /* services section */
  --surface-alt: #ffffff;   /* contact section */
  --surface-strong: #88045e;/* navbar/footer deep pink */

  /* Cards / boxes */
  --card-bg: #ffffff;
  --card-title: #88045e;

  /* Interactive */
  --btn-bg: var(--brand);
  --btn-text: #ffffff;

  /* Section titles/icons */
  --icon: var(--surface-strong);
  --title: var(--surface-strong);
  --subtle: #8a8a8a;
}