/* Ridjama Pangan Berkah - Custom Themes */

/* Ridjama Light Theme */
:root:has(input.theme-controller[value="dark"]:not(:checked)),
[data-theme="light"] {
  color-scheme: light;
  --color-primary: oklch(55% 0.2 25);
  /* Meat Red */
  --color-primary-content: oklch(98.5% 0 0);
  --color-secondary: oklch(15% 0.05 160);
  /* Deep Forest */
  --color-secondary-content: oklch(98.5% 0 0);
  --color-accent: oklch(65% 0.15 150);
  /* Fresh Green */
  --color-accent-content: oklch(98.5% 0 0);
  --color-neutral: oklch(40% 0.02 260);
  --color-neutral-content: oklch(98.5% 0 0);
  --color-base-100: oklch(100% 0 0);
  --color-base-content: oklch(20% 0.02 260);

  --color-info: oklch(70% 0.12 230);
  --color-info-content: oklch(98.5% 0 0);
  --color-success: oklch(65% 0.15 150);
  --color-success-content: oklch(98.5% 0 0);
  --color-warning: oklch(80% 0.15 85);
  --color-warning-content: oklch(20% 0.02 85);
  --color-error: oklch(60% 0.2 25);
  --color-error-content: oklch(98.5% 0 0);

  /* Radius & Other Properties */
  --radius-box: 1.5rem;
  --radius-field: 0.75rem;
  --radius-selector: 0.5rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

/* Ridjama Dark Theme */
:root:has(input.theme-controller[value="dark"]:checked),
[data-theme="dark"] {
  color-scheme: dark;
  --color-primary: oklch(60% 0.22 25);
  /* Vibrant Meat Red */
  --color-primary-content: oklch(98% 0.02 25);
  --color-secondary: oklch(25% 0.04 260);
  /* Deep Slate */
  --color-secondary-content: oklch(95% 0.02 260);
  --color-accent: oklch(75% 0.15 150);
  --color-accent-content: oklch(10% 0.05 150);
  --color-neutral: oklch(85% 0.02 260);
  /* Lighter for Dark Mode */
  --color-neutral-content: oklch(15% 0.02 260);
  --color-base-100: oklch(7% 0.02 260);
  --color-base-content: oklch(92% 0.02 260);

  --color-info: oklch(70% 0.12 230);
  --color-info-content: oklch(10% 0.02 260);
  --color-success: oklch(65% 0.15 150);
  --color-success-content: oklch(10% 0.02 260);
  --color-warning: oklch(80% 0.15 85);
  --color-warning-content: oklch(10% 0.02 260);
  --color-error: oklch(60% 0.2 25);
  --color-error-content: oklch(10% 0.02 260);

  /* Radius & Other Properties */
  --radius-box: 1.5rem;
  --radius-field: 0.75rem;
  --radius-selector: 0.5rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

section {
  scroll-margin-top: 5rem;
}

/* Preloader */
#preloader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: all 0.5s ease-in-out;
}

#preloader.preloader-hidden {
  opacity: 0;
  visibility: hidden;
}

/* Animations */
@keyframes scroll-down {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}

.animate-scroll-down {
  animation: scroll-down 2s ease-in-out infinite;
}

/* Swiper Customization */
.testi-swiper {
  padding-bottom: 3rem !important;
}

.swiper-pagination-bullet {
  background: var(--color-base-content) !important;
  opacity: 0.2;
}

.swiper-pagination-bullet-active {
  background: var(--color-primary) !important;
  opacity: 1;
  width: 20px !important;
  border-radius: 5px !important;
  transition: all 0.3s ease;
}