/* Stehle CI colours. Two brand colours (CI Book "Hauptfarben"), each laddered
   in 10% steps of opacity over white exactly as the Datenblatt specimen shows. */
:root{
  --blue-100:#1D345F;--blue-90:#34486F;--blue-80:#4A5C7F;--blue-70:#61718F;--blue-60:#77859F;
  --blue-50:#8E99AF;--blue-40:#A5AEBF;--blue-30:#BBC2CF;--blue-20:#D2D6DF;--blue-10:#E8EBEF;

  --sky-100:#5FAEDF;--sky-90:#6FB6E2;--sky-80:#7FBEE5;--sky-70:#8FC6E9;--sky-60:#9FCEEC;
  --sky-50:#AFD6EF;--sky-40:#BFDEF2;--sky-30:#CFE7F5;--sky-20:#DFEFF9;--sky-10:#EFF7FC;

  --white:#FFFFFF;
  --ink-900:#1B1F23;
  --ink-500:#6A737D;
  --ink-400:#878787;
  --grey-100:#EEEEEE;
  --black:#000000;

  /* semantic */
  --brand-primary:var(--blue-100);
  --brand-secondary:var(--sky-100);
  --surface-page:var(--white);
  --surface-muted:var(--grey-100);
  --surface-invert:var(--blue-100);
  --surface-tint:var(--sky-20);
  --surface-card:var(--white);
  --text-body:var(--ink-900);
  --text-muted:var(--ink-500);
  --text-heading:var(--blue-100);
  --text-on-invert:var(--white);
  --text-eyebrow:var(--sky-100);
  --border-subtle:var(--blue-20);
  --border-field:#D8D8D8;

  --link:var(--blue-100);
  --link-hover:var(--sky-100);

  /* interactive */
  --action-bg:var(--blue-100);
  --action-fg:var(--white);
  --action-bg-hover:var(--sky-100);
  --action-fg-hover:var(--white);
  --action-oninvert-bg:var(--blue-100);
  --action-oninvert-bg-hover:var(--white);
  --action-oninvert-fg-hover:var(--blue-100);

  /* the three graded nav tiles under the quote band */
  --tile-1:var(--blue-100);
  --tile-2:#3C4E73;
  --tile-3:#5B6987;

  /* image treatments */
  --scrim-hero:linear-gradient(0deg,#1D345F99,#1D345F99); /* @kind other */
  --scrim-card:linear-gradient(180deg,rgba(20,28,44,0) 35%,#000000EB 100%); /* @kind other */
}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}