:root{
  /* Brand core */
  --tg-navy:#070A4C;
  --tg-navy-deep:#0D0F22;
  --tg-teal:#5AA8BA;
  --tg-white:#FFFFFF;

  /* Navy / ink ramp — cool, navy-biased neutrals */
  --tg-ink-950:#0D0F22;
  --tg-ink-900:#070A4C;
  --tg-ink-800:#161B5E;
  --tg-ink-700:#2B3172;
  --tg-ink-600:#4B5189;
  --tg-ink-500:#6E739E;
  --tg-ink-400:#969BBA;
  --tg-ink-300:#BFC3D6;
  --tg-ink-200:#DCDFE9;
  --tg-ink-150:#E8EAF1;
  --tg-ink-100:#F1F2F7;
  --tg-ink-50:#F8F9FB;

  /* Teal ramp */
  --tg-teal-800:#255A66;
  --tg-teal-700:#347585;
  --tg-teal-600:#478E9F;
  --tg-teal-500:#5AA8BA;
  --tg-teal-400:#7FBECC;
  --tg-teal-300:#A6D4DE;
  --tg-teal-200:#CDE7ED;
  --tg-teal-100:#EAF4F7;

  /* Status — desaturated to sit beside navy without shouting */
  --tg-success-600:#1E7A57;
  --tg-success-100:#E4F2EC;
  --tg-warning-600:#9A6A16;
  --tg-warning-100:#F7EFDF;
  --tg-danger-600:#A33B32;
  --tg-danger-100:#F6E7E5;
  --tg-info-600:var(--tg-teal-700);
  --tg-info-100:var(--tg-teal-100);

  /* The brand gradient. Reserved for the logo badge and rare full-bleed
     brand moments — never for buttons, cards or text. */
  --tg-gradient-brand:radial-gradient(120% 120% at 88% 62%, #5AA8BA 0%, #1D5F8A 26%, #16266B 52%, #0D0F22 82%); /* @kind other */
  --tg-gradient-brand-flat:linear-gradient(135deg,#0D0F22 0%,#16266B 55%,#5AA8BA 100%); /* @kind other */

  /* Alpha utilities */
  --tg-navy-a08:rgba(7,10,76,.08);
  --tg-navy-a12:rgba(7,10,76,.12);
  --tg-navy-a20:rgba(7,10,76,.20);
  --tg-white-a10:rgba(255,255,255,.10);
  --tg-white-a16:rgba(255,255,255,.16);
  --tg-white-a70:rgba(255,255,255,.70);
}