/* ACUmed colour system — neutral foundation with one cyan brand accent. */
:root{
  /* Ink — near-black, never pure #000 */
  --ink-900:#0d0d0e;
  --ink-800:#101010;
  --ink-700:#1f2022;
  --ink-600:#3a3b3d;
  --ink-500:#5c5e61;
  --ink-400:#8a8d91;
  --ink-300:#b6b9bd;
  --ink-200:#dcdee0;
  --ink-100:#eceef0;
  --ink-050:#f5f6f7;

  /* Paper — slightly warm off-whites */
  --paper-000:#ffffff;
  --paper-050:#fcfcfc;
  --paper-100:#f7f6f3;
  --paper-200:#efede7;

  /* Brand — ACUmed cyan. --brand-600 is the canonical brand colour. */
  --brand-700:#08768d;
  --brand-600:rgb(13,164,195);
  --brand-500:#45b7ce;
  --brand-400:#7bcbd9;
  --brand-300:#afe0e8;
  --brand-200:#d4eef2;
  --brand-100:#eaf7f9;

  /* Legacy aliases keep existing pages compatible with the new palette. */
  --sand-700:var(--brand-700);
  --sand-600:var(--brand-600);
  --sand-500:var(--brand-500);
  --sand-400:var(--brand-400);
  --sand-300:var(--brand-300);
  --sand-200:var(--brand-200);
  --sand-100:var(--brand-100);

  /* Sky — pulled from the template's hero photography; used sparingly for
     links, focus rings and medical/clinical signalling */
  --sky-700:#1f5f96;
  --sky-600:#2f7cbd;
  --sky-500:#4f9adb;
  --sky-300:#a7cdee;
  --sky-100:#e7f1fa;

  /* Semantic hues — muted to sit next to the neutral palette */
  --green-600:#3f7d54;
  --green-100:#e7f1ea;
  --amber-600:#a5761f;
  --amber-100:#f8f0dd;
  --red-600:#a8422f;
  --red-100:#f7e9e5;

  /* ---- Semantic aliases: use these in components ---- */
  --text-primary:var(--ink-800);
  --text-secondary:var(--ink-500);
  --text-tertiary:var(--ink-400);
  --text-inverse:var(--paper-050);
  --text-inverse-muted:rgba(255,255,255,.72);
  --text-link:var(--brand-700);
  --text-danger:var(--red-600);

  --surface-page:var(--paper-050);
  --surface-card:var(--paper-000);
  --surface-sunken:var(--paper-100);
  --surface-accent:var(--brand-400);
  --surface-accent-soft:var(--brand-200);
  --surface-inverse:var(--ink-800);
  --surface-overlay:rgba(13,13,14,.55);

  --border-subtle:var(--ink-100);
  --border-default:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-inverse:rgba(255,255,255,.18);

  --action-primary-bg:var(--ink-800);
  --action-primary-bg-hover:var(--ink-700);
  --action-primary-bg-active:var(--ink-900);
  --action-primary-fg:var(--paper-050);
  --action-secondary-bg:transparent;
  --action-secondary-border:var(--ink-200);
  --action-accent-bg:var(--brand-400);
  --action-accent-bg-hover:var(--brand-500);

  --focus-ring:var(--brand-600);
}