@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: "Inter", sans-serif;
  font-style: normal;
}

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 47% 11%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 47% 11%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47% 11%;

    /* LMS Brand Colors */
    --primary: 244 100% 69%;
    /* Bright Indigo */
    --primary-foreground: 0 0% 100%;

    --secondary: 158 94% 46%;
    /* Mint Green */
    --secondary-foreground: 0 0% 100%;

    --accent: 0 100% 71%;
    /* Coral Red */
    --accent-foreground: 0 0% 100%;

    --muted: 240 5% 96%;
    --muted-foreground: 240 4% 46%;

    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;

    --border: 240 6% 90%;
    --input: 240 6% 90%;
    --ring: 244 100% 69%;

    --radius: 1rem;

    /* Custom LMS Colors */
    --purple-soft: 270 80% 85%;
    --gradient-primary: linear-gradient(135deg,
        hsl(244 100% 69%),
        hsl(270 80% 75%));
    --gradient-secondary: linear-gradient(135deg,
        hsl(158 94% 46%),
        hsl(180 80% 60%));
    --gradient-accent: linear-gradient(135deg,
        hsl(0 100% 71%),
        hsl(20 100% 65%));
    --gradient-hero: linear-gradient(135deg,
        hsl(244 100% 69%) 0%,
        hsl(270 80% 75%) 50%,
        hsl(0 100% 71%) 100%);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(99, 91, 255, 0.1);
    --shadow-md: 0 4px 16px rgba(99, 91, 255, 0.15);
    --shadow-lg: 0 8px 32px rgba(99, 91, 255, 0.2);

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    --sidebar-background: 0 0% 98%;

    --sidebar-foreground: 240 5.3% 26.1%;

    --sidebar-primary: 240 5.9% 10%;

    --sidebar-primary-foreground: 0 0% 98%;

    --sidebar-accent: 240 4.8% 95.9%;

    --sidebar-accent-foreground: 240 5.9% 10%;

    --sidebar-border: 220 13% 91%;

    --sidebar-ring: 217.2 91.2% 59.8%;
  }
}

@layer base {
  * {
    @apply border-border;
  }

  body {
    @apply bg-background text-foreground;
  }
}



.st0 {
  fill: #a6a6a6
}

.st1 {
  stroke: #ffffff;
  stroke-width: .2;
  stroke-miterlimit: 10
}

.st1,
.st2 {
  fill: #fff
}

.st3 {
  fill: url(#SVGID_1_)
}

.st4 {
  fill: url(#SVGID_2_)
}

.st5 {
  fill: url(#SVGID_3_)
}

.st6 {
  fill: url(#SVGID_4_)
}

.st7,
.st8,
.st9 {
  opacity: .2;
  enable-background: new
}

.st8,
.st9 {
  opacity: .12
}

.st9 {
  opacity: .25;
  fill: #fff
}

/* Ant Design Table Scrollbar */

.ant-table-content::-webkit-scrollbar,
.ant-table-body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.ant-table-content::-webkit-scrollbar-track,
.ant-table-body::-webkit-scrollbar-track {
  background: #f8fafc;
  border-radius: 9999px;
}

.ant-table-content::-webkit-scrollbar-thumb,
.ant-table-body::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

.ant-table-content::-webkit-scrollbar-thumb:hover,
.ant-table-body::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Sticky horizontal scrollbar (Ant Design v5) */
.ant-table-sticky-scroll {
  height: 6px !important;
  background: #f8fafc;
  border-radius: 9999px;
}

.ant-table-sticky-scroll-bar {
  height: 5px !important;
  border-radius: 9999px !important;
  background: #cbd5e1 !important;
}

.ant-table-sticky-scroll-bar:hover {
  background: #94a3b8 !important;
}

/* Firefox */
.ant-table-content,
.ant-table-body {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f8fafc;
}

*::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

*::-webkit-scrollbar-track {
  background: transparent !important;
}

*::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 9999px !important;
}

*::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* Firefox global override */
* {
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
}