/* JH Solutions — color tokens (from JH Brand Identity Manual logo suite) */
:root {
  /* Base palette */
  --jh-teal: #21ad9c;
  --jh-teal-dark: #146666;
  --jh-fucsia: #e836a8;
  --jh-pink: #ef89cd;
  --jh-red: #be1e2d;
  --jh-cream: #f9efd9;
  --jh-black: #000000;
  --jh-white: #ffffff;

  /* Derived tints/shades (oklch-harmonized, for UI use only) */
  --jh-teal-soft: #d9f2ee;
  --jh-pink-soft: #fce3f3;
  --jh-cream-soft: #fdf8ec;
  --jh-ink: #14201e;

  /* Signature gradient (from brand profile mark) */
  --jh-gradient-brand: linear-gradient(135deg, #e836a8 0%, #d6218b 55%, #be1e2d 100%); /* @kind color */
  --jh-gradient-teal: linear-gradient(135deg, #21ad9c 0%, #146666 100%); /* @kind color */

  /* Semantic aliases */
  --surface-page: var(--jh-cream);
  --surface-card: var(--jh-white);
  --surface-inverse: var(--jh-teal-dark);
  --surface-accent-soft: var(--jh-teal-soft);

  --text-heading: var(--jh-teal-dark);
  --text-body: var(--jh-ink);
  --text-muted: #5c6f6c;
  --text-on-dark: var(--jh-cream);
  --text-accent: var(--jh-fucsia);

  --accent-primary: var(--jh-fucsia);
  --accent-secondary: var(--jh-teal);
  --accent-danger: var(--jh-red);

  --border-subtle: #e8ddc6;
  --border-strong: var(--jh-teal-dark);

  --focus-ring: 0 0 0 3px rgba(33, 173, 156, 0.35);
}