:root {
  /** Base Tokens **/
  /* Contents */
  --cnt-primary: #020a19;
  --cnt-secondary: #5d5e60;
  --cnt-tertiary: #a2a5a9;
  --cnt-on-bold: #ffffff;

  --cnt-accent: #7910ff;
  --cnt-info: #0068d6;
  --cnt-success: #128700;
  --cnt-warning: #e32d00;
  --cnt-danger: #e00018;

  /* Backgrounds */
  --bg-main: #ffffff;
  --bg-alternative: #f6f6f8;

  --bg-accent-soft: #f4ebff;
  --bg-info-soft: #ebf5ff;
  --bg-success-soft: #e6faef;
  --bg-warning-soft: #fff3eb;
  --bg-danger-soft: #fff0f1;
  --bg-danger-soft: #fff0f1;

  --bg-accent-bold: #7910ff;
  --bg-info-bold: #0759ff;
  --bg-success-bold: #0c823c;
  --bg-warning-bold: #fa5c00;
  --bg-danger-bold: #d50017;

  /* Borders */
  --brd-main: #dcdcdc;
  --brd-alternative: #c6c6c6;

  --brd-accent: #7910ff;
  --brd-info: #0068d6;
  --brd-success: #128700;
  --brd-warning: #e32d00;
  --brd-danger: #e00018;

  /* Page Backgrounds */
  --pagebg-main: #ffffff;
  --pagebg-alternative: #f7f7f8;

  /* -———————————————————————————————————————————- */

  /** State Tokens **/
  /* Contents */
  --cnt-accent-hover: #7910ff;
  --cnt-accent-pressed: #7910ff;
  --cnt-info-hover: #0068d6;
  --cnt-info-pressed: #0063cc;
  --cnt-success-hover: #0c7e3a;
  --cnt-success-pressed: #0b7938;
  --cnt-warning-hover: #c23d00;
  --cnt-warning-pressed: #c23d00;
  --cnt-danger-hover: #d60017;
  --cnt-danger-pressed: #cc0016;

  /* Backgrounds */
  --bg-main-hover: #f1f1f3;
  --bg-main-pressed: #ebebed;
  --bg-alternative-hover: #eeeef2;
  --bg-alternative-pressed: #e5e5eb;

  --bg-accent-soft-hover: #ebdbff;
  --bg-accent-soft-pressed: #e8d6ff;
  --bg-info-soft-hover: #e0f0ff;
  --bg-info-soft-pressed: #d6ebff;
  --bg-success-soft-hover: #e6faef;
  --bg-success-soft-pressed: #e6faef;
  --bg-warning-soft-hover: #ffede0;
  --bg-warning-soft-pressed: #ffeadb;
  --bg-danger-soft-hover: #ffe5e8;
  --bg-danger-soft-pressed: #ffdbdf;

  --bg-accent-bold-hover: #6000db;
  --bg-accent-bold-pressed: #4c00ad;
  --bg-info-bold-hover: #0051f5;
  --bg-info-bold-pressed: #0047d3;
  --bg-success-bold-hover: #0a7034;
  --bg-success-bold-pressed: #09672f;
  --bg-warning-bold-hover: #e55500;
  --bg-warning-bold-pressed: #d14d00;
  --bg-danger-bold-hover: #b80014;
  --bg-danger-bold-pressed: #a30011;
}