/* NewKind Fertility — Color tokens
   AUTHORITATIVE values taken from the production `concerns-embed.html`:
     rose  #B85C9E  (active/brand state)
     teal  #5C9999  (secondary brand / confirmed state)
     ink   #1F2330  (primary text — cool slate, NOT warm)
   Logo art samples #C068A0 (rose) / #D8A8C8 (mauve) — kept as the logo-art
   values; use --rose-500 for UI and the logo PNGs as-is for the mark. */

:root {
  /* ---- Brand rose ---- */
  --rose-500: #b85c9e;   /* primary brand rose (production) */
  --rose-600: #a04b88;
  --rose-700: #843a6f;   /* deep plum — text on light, strong accents */
  --rose-800: #662b56;
  --rose-400: #c87fb2;
  --rose-300: #d8a8c8;   /* mauve — logo secondary tint */
  --rose-200: #ecccdf;
  --rose-100: #f6e4ee;
  --rose-50:  #fbf3f8;   /* faint blush wash */
  --rose-logo: #c068a0;  /* sampled from logo artwork */

  /* ---- Brand teal (secondary — confirmation, progress, eyebrows) ---- */
  --teal-500: #5c9999;   /* production teal */
  --teal-600: #4a7e7e;
  --teal-700: #3a6363;
  --teal-400: #7cb0b0;
  --teal-300: #a5cbcb;
  --teal-200: #cbe2e2;
  --teal-100: #e4f0f0;
  --teal-50:  #f2f8f8;

  /* ---- Cool neutrals (based on production ink #1F2330) ---- */
  --ink-900: #1f2330;    /* primary text */
  --ink-700: #3c414f;
  --ink-500: #666c7d;    /* secondary text */
  --ink-400: #8f95a3;
  --ink-300: #bfc4ce;
  --ink-200: #e1e4ea;
  --ink-100: #f0f2f5;
  --paper:   #ffffff;    /* production background is pure white */
  --white:   #ffffff;

  /* ---- Neutral alphas (production tile idle state) ---- */
  --ink-alpha-02: rgba(31, 35, 48, 0.015);
  --ink-alpha-07: rgba(31, 35, 48, 0.07);

  /* ---- Semantic ---- */
  --success: var(--teal-500);      /* the brand uses teal for confirmation */
  --success-soft: var(--teal-100);
  --warning: #d99a3c;
  --warning-soft: #f8eed9;
  --error:   #c8556a;
  --error-soft: #f7e2e6;
  --info:    #6b86b8;
  --info-soft: #e7edf6;

  /* ---- Semantic aliases ---- */
  --color-primary: var(--rose-500);
  --color-primary-hover: var(--rose-600);
  --color-primary-active: var(--rose-700);
  --color-accent: var(--teal-500);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-on-primary: var(--white);
  --text-link: var(--rose-700);
  --text-eyebrow: var(--teal-500);

  --surface-page: var(--paper);
  --surface-card: var(--white);
  --surface-subtle: var(--rose-50);
  --surface-sunken: var(--ink-100);
  --surface-inverse: var(--ink-900);

  /* Production state fills for selectable tiles */
  --state-active-bg: rgba(184, 92, 158, 0.10);
  --state-active-border: rgba(184, 92, 158, 0.30);
  --state-done-bg: rgba(92, 153, 153, 0.06);
  --state-done-border: rgba(92, 153, 153, 0.22);

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);
  --border-brand: var(--rose-300);

  --focus-ring: var(--rose-400);

  /* ---- Photo-overlay chips (observed on program imagery) ---- */
  --live-red: #dc3b2e;      /* LIVE session badge */
  --check-green: #22b95c;   /* benefit check disc */
  --overlay-ink: #2b2422;   /* near-black label pill */
}