@utility table-of-contents {
  @apply text-menu-foreground dark:text-menu-foreground-dark font-menu;
}

@utility table-of-contents-title {
  @apply text-ui-sm mb-2 font-bold;
}

@utility table-of-contents-list {
  @apply flex flex-col gap-0.5;
}

@utility table-of-contents-link {
  @apply text-ui-sm w-full rounded-lg py-1 px-2 hover:bg-menu-active-background dark:hover:bg-menu-active-background-dark;

  a {
    @apply flex;

    &[data-depth="2"] {
      @apply ml-2;
    }

    &[data-depth="3"] {
      @apply ml-4;
    }

    &[data-depth="4"] {
      @apply ml-6;
    }

    &[data-depth="5"] {
      @apply ml-8;
    }

    &[data-depth="6"] {
      @apply ml-10;
    }
  }

  span {
    @apply truncate;
  }
}


@source inline("table-of-contents");
@source inline("table-of-contents-title");
@source inline("table-of-contents-list");
@source inline("table-of-contents-link");