/* Base palette — every value is literal from the Sinch brand doc. */
:root{
  /* Brand */
  --lime-500:#cbdb2a;   /* Accent Lime — the wordmark green */
  --lime-600:#b6c525;   /* Accent Lime Border */

  /* Ink (near-black surface ladder) */
  --ink-900:#181818;    /* Dark Surface */
  --ink-850:#1f1f1f;    /* Mid Dark */
  --ink-800:#232323;    /* Near Black — page base */
  --ink-750:#252525;    /* Dark Card */
  --ink-700:#272727;    /* Mid Card */

  /* Neutrals */
  --black:#000000;
  --gray-600:#4d4d4d;   /* Border Gray */
  --gray-500:#7c7c7c;   /* Light Border */
  --gray-400:#b3b3b3;   /* Silver */
  --gray-300:#cbcbcb;   /* Near White */
  --gray-100:#eeeeee;   /* Light Surface */
  --white-050:#fdfdfd;  /* Light */
  --white:#ffffff;

  /* Semantic hues */
  --red-400:#f3727f;    /* Negative */
  --orange-400:#ffa42b; /* Warning */
  --blue-400:#539df5;   /* Announcement */
}

/* Semantic aliases — author against these, not the base ramp. */
:root{
  --bg-base:var(--ink-800);
  --surface-1:var(--ink-900);
  --surface-2:var(--ink-850);
  --surface-card:var(--ink-750);
  --surface-card-alt:var(--ink-700);
  --surface-light:var(--gray-100);

  --text-base:var(--white);
  --text-strong:var(--white-050);
  --text-secondary:var(--gray-300);
  --text-muted:var(--gray-400);
  --text-on-accent:var(--black);
  --text-on-light:var(--ink-900);
  --text-negative:var(--red-400);
  --text-warning:var(--orange-400);
  --text-announcement:var(--blue-400);

  --accent:var(--lime-500);
  --accent-border:var(--lime-600);
  --accent-fg:var(--black);

  --border-strong:var(--gray-600);
  --border-muted:var(--gray-500);
  --separator:var(--gray-400);

  --link:var(--accent);
  --link-hover:var(--white);

  --focus-ring:var(--accent);
}