/* ITKaro house style. Source: huisstijl/LEESMIJ.md in the knowledge base
   (taken from the live itkaro.com CSS). Do not invent colours here. */
:root {
  --navy: #002553;
  --navy-dark: #001A3C;
  --orange-fill: #FF9600;
  --orange-hover: #E88700;
  --orange-text: #A85B00;   /* #FF9600 has no reading contrast on white */
  --green: #008D3F;
  --ink: #0A1F3D;
  --body: #4A5A70;
  --muted: #5E7089;
  --border: #E4E9F0;
  --band: #F5F7FB;
  --sunken: #F0F3F9;
  --tint: #FFF3E2;
  --chipline: #FFD79E;
  --green-tint: #E7F5EC;
  --green-line: #B7E0C6;
  --navy-tint: #E6ECF5;
  --navy-line: #B9C7DC;
  --red: #B3261E;
  --red-tint: #FBEAE8;
  --red-line: #F0B8B3;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(0, 37, 83, .04), 0 8px 22px rgba(0, 37, 83, .05);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}

/* Dark surfaces, taken from the new itkaro.com (assets/itkaro.css). Used on
   the sign-in page only; there is deliberately no dark mode. */
:root {
  --slate: linear-gradient(165deg, #0F1B2D, #16293F 55%, #1E3856);
  --on-dark: #C6D6EC;
  --on-dark-muted: #9FB6D4;
  --typed-on-dark: #FFB454;
  --warm: #FFF3E0;
  --spring: cubic-bezier(.2, .9, .3, 1.1);
}