@layer theme {
  :root, :host {
    --color-seecr-orange: oklch(73.3% 0.1383 72.69);
    --color-seecr-gray: rgb(128 128 128);
  }
  .border-seecr-orange,
  .border-seecr-orange-500,
  .border-seecr-orange-600,
  .border-seecr-orange-700 {
    border-color: var(--color-seecr-orange);
  }
  .bg-seecr-orange,
  .bg-seecr-orange-500,
  .bg-seecr-orange-600,
  .bg-seecr-orange-700 {
    background-color: var(--color-seecr-orange);
  }
  .border-seecr-gray,
  .border-seecr-gray-500,
  .border-seecr-gray-600,
  .border-seecr-gray-700 {
    border-color: var(--color-seecr-gray);
  }
  .bg-seecr-gray,
  .bg-seecr-gray-500,
  .bg-seecr-gray-600,
  .bg-seecr-gray-700 {
    background-color: var(--color-seecr-gray);
  }
  .hover\:border-seecr-gray,
  .hover\:border-seecr-gray-500,
  .hover\:border-seecr-gray-600,
  .hover\:border-seecr-gray-700{
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-seecr-gray);
      }
    }
  }
  .hover\:bg-seecr-gray,
  .hover\:bg-seecr-gray-500,
  .hover\:bg-seecr-gray-600,
  .hover\:bg-seecr-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-seecr-gray);
      }
    }
  }
}