/* Collaborative Partnerships — Colour tokens
 * Sampled from the brand logo: sage green-grey (#849078, "Partnerships") is the core brand
 * colour; soft foliage sage (#cce4b4) is the accent. The palette is deliberately muted and
 * calm — never bright or childish — to position Collaborative as a premium allied-health practice. */
:root {
  /* ---- Brand sage (primary) ---- */
  --sage-900: #3f463a;
  --sage-800: #565f4c;
  --sage-700: #6b7560;
  --sage-600: #849078; /* CORE BRAND — the "Partnerships" wordmark */
  --sage-500: #97a389;
  --sage-400: #aeb8a2;
  --sage-300: #c6cebc;
  --sage-200: #dde2d6;
  --sage-100: #eef1ea;
  --sage-50:  #f6f8f3;

  /* ---- Foliage (light-green accent) ---- */
  --leaf-700: #8fb56a;
  --leaf-600: #a3c583;
  --leaf-500: #b8d69a;
  --leaf-400: #cce4b4; /* logo leaves & frame */
  --leaf-300: #dcecca;
  --leaf-200: #e9f2dd;
  --leaf-100: #f3f8ec;

  /* ---- Warm neutrals ---- */
  --ink-900: #2b2e2a;
  --ink-800: #3d413b;
  --ink-700: #575b52; /* "Collaborative" grey */
  --ink-600: #71766c;
  --ink-500: #8d9187;
  --ink-400: #abaea5;
  --ink-300: #c9ccc5;
  --ink-200: #e2e4de;
  --ink-100: #eef0ec;
  --ink-50:  #f7f8f5;
  --white:   #ffffff;

  /* ---- Semantic status (muted, calm) ---- */
  --success-600: #5f8f6a;
  --success-100: #e4efe6;
  --warning-600: #c39244;
  --warning-100: #f6ecd8;
  --danger-600:  #c07066;
  --danger-100:  #f4e2df;
  --info-600:    #6d94a6;
  --info-100:    #e3edf1;

  /* ============ SEMANTIC ALIASES ============ */
  /* Text */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-800);
  --text-muted:   var(--ink-600);
  --text-subtle:  var(--ink-500);
  --text-on-sage: var(--white);
  --text-brand:   var(--sage-600);
  --text-link:    var(--sage-700);
  --text-link-hover: var(--sage-800);

  /* Surfaces */
  --surface-page:    var(--ink-50);
  --surface-card:    var(--white);
  --surface-raised:  var(--white);
  --surface-sunken:  var(--sage-50);
  --surface-brand:   var(--sage-600);
  --surface-brand-soft: var(--sage-100);
  --surface-accent:  var(--leaf-400);
  --surface-accent-soft: var(--leaf-100);

  /* Borders */
  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);
  --border-brand:  var(--sage-300);

  /* Interactive */
  --brand:          var(--sage-600);
  --brand-hover:    var(--sage-700);
  --brand-active:   var(--sage-800);
  --focus-ring:     var(--sage-400);
}