:root {
  color-scheme:
    dark;

  --background:
    #080a0b;

  --background-secondary:
    #0b0e0f;

  --surface:
    #101314;

  --surface-raised:
    #141819;

  --surface-secondary:
    #171b1c;

  --surface-hover:
    #1b2021;

  --text:
    #e8ebe7;

  --text-secondary:
    #8f9793;

  --text-muted:
    #636a67;

  --border:
    #292f2d;

  --border-strong:
    #3a423f;

  --primary:
    #d5dc34;

  --primary-hover:
    #e4eb45;

  --primary-muted:
    rgba(
      213,
      220,
      52,
      0.12
    );

  --primary-text:
    #080a0b;

  --danger:
    #ef665d;

  --danger-muted:
    rgba(
      239,
      102,
      93,
      0.1
    );

  --success:
    #75c98d;

  --success-muted:
    rgba(
      117,
      201,
      141,
      0.1
    );

  --warning:
    #d9aa59;

  --warning-muted:
    rgba(
      217,
      170,
      89,
      0.1
    );

  --radius-xs:
    3px;

  --radius-sm:
    5px;

  --radius-md:
    8px;

  --radius-lg:
    12px;

  --sidebar-width:
    278px;

  --sidebar-collapsed-width:
    82px;

  --topbar-height:
    118px;

  --transition-fast:
    140ms ease;

  --transition:
    220ms cubic-bezier(
      0.2,
      0.8,
      0.2,
      1
    );

  --transition-slow:
    380ms cubic-bezier(
      0.16,
      1,
      0.3,
      1
    );
}