/* momo: colors generated with https://colorffy.com/ */
/** Base colors */
:root {
  --clr-dark-a0: #000000;
  --clr-light-a0: #ffffff;

  /** Theme primary colors */
  --clr-primary-a0: #a44dfa;
  --clr-primary-a10: #b163fb;
  --clr-primary-a20: #bc77fc;
  --clr-primary-a30: #c88bfd;
  --clr-primary-a40: #d29efe;
  --clr-primary-a50: #dcb1ff;

  /** Theme surface colors */
  --clr-surface-a0: #030202;
  --clr-surface-a10: #1f1f1f;
  --clr-surface-a20: #373636;
  --clr-surface-a30: #504f4f;
  --clr-surface-a40: #6a6a6a;
  --clr-surface-a50: #868686;

  /** Theme tonal surface colors */
  --clr-surface-tonal-a0: #180f1d;
  --clr-surface-tonal-a10: #2d2532;
  --clr-surface-tonal-a20: #433c48;
  --clr-surface-tonal-a30: #5b5560;
  --clr-surface-tonal-a40: #746f78;
  --clr-surface-tonal-a50: #8f8a92;

  /** Success colors */
  --clr-success-a0: #22946e;
  --clr-success-a10: #47d5a6;
  --clr-success-a20: #9ae8ce;

  /** Warning colors */
  --clr-warning-a0: #ab7924;
  --clr-warning-a10: #dcab59;
  --clr-warning-a20: #eed6ad;

  /** Danger colors */
  --clr-danger-a0: #9c2121;
  --clr-danger-a10: #d94a4a;
  --clr-danger-a20: #eb9e9e;

  /** Info colors */
  --clr-info-a0: #21498a;
  --clr-info-a10: #4077d1;
  --clr-info-a20: #92b2e5;

  /*
  momo: identity colors for urbanization
  and internet usage data
  */
  --data-color-blue: #2b6e9b;
  --data-color-pink: #964253;
}