@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-primary: #ea580c; /* orange-600 */
}

@layer base {
  html {
    scroll-behavior: smooth;
  }

  body {
    @apply bg-slate-950 text-slate-50;
  }

  /* Custom typography for a sporty feel */
  h1, h2, h3, h4, h5, h6 {
    @apply font-black italic tracking-tighter uppercase;
  }
}

@layer components {
  .container {
    @apply max-w-7xl mx-auto;
  }
}

ol, ul, p{
  margin: 10px 0 10px 0;
}
ul, ol{
  li{
    margin: 10px 0 10px 0;
  }
}

.sticky-sidebar {
  position: sticky;
  top: 90px;
  height: fit-content;
  max-height: calc(100vh - 40px);
  overflow-y: auto; 
}

/* Скрываем скроллбар для более чистого вида (опционально) */
.sticky-sidebar::-webkit-scrollbar {
  width: 4px;
}


