:root{
  /* --- Primary --- */
  --orange-500:#E77023;
  --cyan-400:#32CCD7;
  --teal-900:#0F555A;

  /* --- Secondary ramp (style guide, left to right) --- */
  --blue-50:#EAF2F8;
  --blue-100:#B8D4EA;
  --blue-300:#7CB0D1;
  --blue-500:#6089A3;
  --cyan-200:#80F3FD;
  --cyan-500:#32CCD7;
  --cyan-600:#26A3AB;
  --cyan-800:#1A7B82;
  --peach-100:#FDD8CE;
  --peach-300:#FBA282;

  /* --- Neutrals --- */
  --neutral-50:#E6ECF1;
  --neutral-200:#B0C6D6;
  --neutral-400:#88A0B0;
  --neutral-500:#687A87;
  --neutral-600:#495760;
  --neutral-800:#2C353C;
  --neutral-900:#12171B;
  --white:#FFFFFF;

  /* --- Semantic: surfaces --- */
  --surface-page:var(--white);
  --surface-muted:var(--blue-50);
  --surface-card:var(--white);
  --surface-sunken:var(--neutral-50);
  --surface-inverse:var(--teal-900);
  --surface-accent:var(--cyan-400);
  --surface-action:var(--orange-500);
  --surface-hover:rgba(15,85,90,.06);
  --surface-selected:rgba(50,204,215,.14);
  --surface-scrim:rgba(18,23,27,.55);

  /* --- Semantic: text --- */
  --text-heading:var(--teal-900);
  --text-body:var(--neutral-800);
  --text-muted:var(--neutral-500);
  --text-subtle:var(--neutral-400);
  --text-on-dark:var(--white);
  --text-on-accent:var(--teal-900);
  --text-on-action:var(--white);
  --text-link:var(--cyan-800);
  --text-link-hover:var(--orange-500);

  /* --- Semantic: borders --- */
  --border-subtle:var(--neutral-50);
  --border-default:var(--neutral-200);
  --border-strong:var(--neutral-400);
  --border-accent:var(--cyan-400);
  --border-focus:var(--cyan-600);

  /* --- Semantic: status --- */
  --status-info:var(--blue-500);
  --status-info-surface:var(--blue-50);
  --status-success:var(--cyan-800);
  --status-success-surface:#E4F7F8;
  --status-warning:var(--orange-500);
  --status-warning-surface:var(--peach-100);
  --status-danger:#B3421A;
  --status-danger-surface:var(--peach-100);

  /* --- Gradients: the sea wash used behind heroes and empty states --- */
  --gradient-sea:linear-gradient(160deg,var(--teal-900) 0%,var(--cyan-800) 55%,var(--cyan-600) 100%);/* @kind color */
  --gradient-surf:linear-gradient(180deg,var(--blue-50) 0%,var(--white) 100%);/* @kind color */
  --gradient-sunset:linear-gradient(120deg,var(--orange-500) 0%,var(--peach-300) 100%);/* @kind color */
  --gradient-protection:linear-gradient(180deg,rgba(15,85,90,0) 0%,rgba(15,85,90,.78) 100%);/* @kind color */
}