/* INDEX's official palette. Shared by the website and both dashboard themes. */
:root {
  --index-blue: #6C86B5;
  --index-blue-deep: #4D6689;
  --index-slate: #333B49;
  --index-paper: #F4F4F4;
  --index-ice: #E9EFF8;
  --index-mist: #C5D0E3;
  --index-muted: #707A8B;
  --index-graphite: #474B52;
  --index-night: #141414;
  --index-charcoal: #242428;
  --index-teal: #6B9DB0;

  /* Derived tones for surface depth and readable small text. */
  --index-raised: #FAFBFC;
  --index-border: #D8DFE9;
  --index-ink-secondary: #606C80;
  --index-text-on-dark: #A9B6CA;
}