:root {
  --entracte-teal-50: #e8eff1;
  --entracte-teal-100: #cdddde;
  --entracte-teal-300: #7ab0bc;
  --entracte-teal-500: #2e545c;
  --entracte-teal-600: #244249;
  --entracte-teal-hover: #3d6a73;

  --entracte-purple-300: #b4acc8;
  --entracte-purple-500: #847aa2;
  --entracte-purple-600: #6f6690;

  --entracte-rose-300: #e4bccc;
  --entracte-rose-500: #d28fa8;
  --entracte-rose-600: #b97594;

  --entracte-warn: #f7693a;

  --light-color-accent: var(--entracte-teal-500);
  --light-color-active-menu-item: var(--entracte-teal-100);
  --light-color-background-active: var(--entracte-teal-50);
  --light-color-focus-outline: var(--entracte-teal-500);
  --light-color-link: var(--entracte-teal-500);

  --light-color-ts-function: var(--entracte-teal-500);
  --light-color-ts-method: var(--entracte-teal-500);
  --light-color-ts-module: var(--entracte-teal-500);
  --light-color-ts-namespace: var(--entracte-teal-500);
  --light-color-ts-variable: var(--entracte-teal-500);
  --light-color-ts-property: var(--entracte-teal-500);
  --light-color-ts-reference: var(--entracte-teal-500);
  --light-color-ts-accessor: var(--entracte-teal-500);
  --light-color-ts-get-signature: var(--entracte-teal-500);
  --light-color-ts-set-signature: var(--entracte-teal-500);
  --light-color-ts-call-signature: var(--entracte-teal-500);
  --light-color-ts-index-signature: var(--entracte-teal-500);
  --light-color-ts-constructor: var(--entracte-teal-500);
  --light-color-ts-constructor-signature: var(--entracte-teal-500);
  --light-color-ts-parameter: var(--entracte-teal-500);
  --light-color-ts-type-parameter: var(--entracte-teal-500);
  --light-color-ts-project: var(--entracte-teal-500);
  --light-color-document: var(--entracte-teal-500);

  --light-color-ts-class: var(--entracte-purple-500);
  --light-color-ts-interface: var(--entracte-purple-500);
  --light-color-ts-keyword: var(--entracte-purple-500);

  --light-color-ts-type-alias: var(--entracte-rose-500);
  --light-color-ts-enum: var(--entracte-rose-500);
  --light-color-ts-enum-member: var(--entracte-rose-500);

  --dark-color-accent: var(--entracte-teal-300);
  --dark-color-active-menu-item: rgba(46, 84, 92, 0.55);
  --dark-color-background-active: rgba(46, 84, 92, 0.35);
  --dark-color-focus-outline: var(--entracte-teal-300);
  --dark-color-link: var(--entracte-teal-300);

  --dark-color-ts-function: var(--entracte-teal-300);
  --dark-color-ts-method: var(--entracte-teal-300);
  --dark-color-ts-module: var(--entracte-teal-300);
  --dark-color-ts-namespace: var(--entracte-teal-300);
  --dark-color-ts-variable: var(--entracte-teal-300);
  --dark-color-ts-property: var(--entracte-teal-300);
  --dark-color-ts-reference: var(--entracte-teal-300);
  --dark-color-ts-accessor: var(--entracte-teal-300);
  --dark-color-ts-get-signature: var(--entracte-teal-300);
  --dark-color-ts-set-signature: var(--entracte-teal-300);
  --dark-color-ts-call-signature: var(--entracte-teal-300);
  --dark-color-ts-index-signature: var(--entracte-teal-300);
  --dark-color-ts-constructor: var(--entracte-teal-300);
  --dark-color-ts-constructor-signature: var(--entracte-teal-300);
  --dark-color-ts-parameter: var(--entracte-teal-300);
  --dark-color-ts-type-parameter: var(--entracte-teal-300);
  --dark-color-ts-project: var(--entracte-teal-300);
  --dark-color-document: var(--entracte-teal-300);

  --dark-color-ts-class: var(--entracte-purple-300);
  --dark-color-ts-interface: var(--entracte-purple-300);
  --dark-color-ts-keyword: var(--entracte-purple-300);

  --dark-color-ts-type-alias: var(--entracte-rose-300);
  --dark-color-ts-enum: var(--entracte-rose-300);
  --dark-color-ts-enum-member: var(--entracte-rose-300);
}