/**
 * Copyright 2025 Q-CTRL. All rights reserved.
 *
 * Licensed under the Q-CTRL Terms of service (the "License"). Unauthorized
 * copying or use of this file, via any medium, is strictly prohibited.
 * Proprietary and confidential. You may not use this file except in compliance
 * with the License. You may obtain a copy of the License at
 *
 *    https://q-ctrl.com/terms
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS. See the
 * License for the specific language.
*/
@layer base {
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--color-gray-200) var(--color-gray-100);

    ::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }

    ::-webkit-scrollbar-track {
      background: var(--color-gray-100);
    }

    ::-webkit-scrollbar-thumb {
      background: var(--color-gray-200);
      border: 2px solid var(--color-gray-100);
    }
    ::-webkit-scrollbar-thumb:hover {
      background: var(--color-gray-300);
    }
  }
}

@utility scrollbar-light {
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-200) var(--color-gray-100);

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: var(--color-gray-100);
  }

  ::-webkit-scrollbar-thumb {
    background: var(--color-gray-200);
    border: 2px solid var(--color-gray-100);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-300);
  }
}

@utility scrollbar-dark {
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray-800) var(--color-gray-600);

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: var(--color-gray-600);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-gray-800);
    border: 2px solid var(--color-gray-600);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-700);
  }
}

@utility scrollbar-hidden {
  &::-webkit-scrollbar {
    display: none;
  }
}