/* Level Health — Color tokens
   Source: Level Health Brand Guidelines v1.0 (Aug 2023), pp. 6–8 */
:root {
  /* ---- Primary brand palette ---- */
  --level-blue: #1e328f;        /* Level Blue */
  --level-red-orange: #ff5349;  /* Level Red Orange */
  --level-teal: #28929e;        /* Level Teal */
  --level-gold: #faa918;        /* Level Gold */
  --level-pink: #fc8c99;        /* Level Pink */

  /* ---- Secondary / pale support palette ---- */
  --pale-teal: #dbf2f2;
  --pale-gold: #fefbea;
  --pale-pink: #ffe3e0;
  --agreeable-gray: #e2dcd5;

  /* Pale palette at 50% tint (per guide p.8) */
  --pale-teal-50: #edf9f9;
  --pale-gold-50: #fffdf5;
  --pale-pink-50: #fff1f0;
  --agreeable-gray-50: #f1eeea;

  /* ---- Text colors ---- */
  --midnight-blue: #17224e;     /* headlines */
  --charcoal: #3f4d5e;          /* headlines / strong body */
  --black: #000000;

  /* ---- Neutrals (derived, for UI surfaces & borders) ---- */
  --white: #ffffff;
  --off-white: #faf9f7;         /* warm page tint drawn from agreeable gray */
  --gray-100: #f4f2ef;
  --gray-200: #e8e4de;
  --gray-300: #d5cfc7;
  --gray-500: #8a8a92;
  --gray-700: #55606f;

  /* ---- Semantic aliases ---- */
  --brand-primary: var(--level-blue);
  --brand-accent: var(--level-red-orange);
  --brand-secondary: var(--level-teal);

  --text-heading: var(--midnight-blue);
  --text-body: var(--charcoal);
  --text-muted: var(--gray-700);
  --text-on-dark: #ffffff;
  --text-link: var(--level-blue);
  --text-link-hover: var(--midnight-blue);

  --surface-page: var(--off-white);
  --surface-card: #ffffff;
  --surface-subtle: var(--pale-teal);
  --surface-warm: var(--pale-gold);
  --surface-inverse: var(--midnight-blue);

  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong: var(--charcoal);

  --focus-ring: var(--level-teal);

  /* Feedback (mapped onto brand palette — no dedicated semantic set in guide) */
  --success: var(--level-teal);
  --warning: var(--level-gold);
  --danger: var(--level-red-orange);
  --info: var(--level-blue);
}