@import "tailwindcss";

@theme {
  --color-primary-50: #EEFCE9;
  --color-primary-100: #DAF8CF;
  --color-primary-200: #B6F2A4;
  --color-primary-300: #88E76F;
  --color-primary-400: #60D942;
  --color-primary-500: #45CF27;
  --color-primary-600: #2C9818;
  --color-primary-700: #247417;

  --color-dark-100: #C2C2C2;
  --color-dark-200: #B4B4B4;
  --color-dark-300: #647687;
  --color-dark-400: #2C3E50;
  --color-dark-500: #1F1F1F;
  --color-dark-550: rgba(31, 31, 31, 0.24);
  --color-dark-600: #16A085;

  --color-light-100: #E7E7E7;
  --color-light-200: #EDEDED;
  --color-light-300: #ECF0F1;
  --color-light-400: #F2F2F2;
  --color-light-500: #F7F7F7;
  --color-light-600: #FFFFFF;

  --color-success-100: #84cef5;
  --color-success-200: #43b6ed;
  --color-success-300: #1BA1E2;
  --color-success-400: #0d7dbc;
  --color-success-500: #0c6498;

  --color-warning-100: #ffcea8;
  --color-warning-200: #ffab71;
  --color-warning-300: #FF7D39;
  --color-warning-400: #fe5911;
  --color-warning-500: #ef3e07;

  --color-error-100: #FE68A6;
  --color-error-200: #f83c85;
  --color-error-300: #E91E63;
  --color-error-400: #CB0B47;
  --color-error-500: #A70D3B;

  --color-bgrn-500: #147B75;
  --color-bgrn-600: #3EB524;

  --color-kb-ink: #16181C;
  --color-kb-tint: #E8F9E1;
  --color-kb-paper-alt: #F0F8EC;
  --color-kb-muted: #6B6F63;
  --color-kb-dark: #12160E;
  --color-kb-line: rgba(22,24,20,0.12);
  --color-kb-dark-line: rgba(255,255,255,0.14);

  --font-serif: var(--font-newsreader);
}

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@layer base {
  * {
      font-family: var(--font-jakarta), "Inter", sans-serif;
      margin: 0;
  }

  * {
    user-select: none;
  }

  body {
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-jakarta), "Inter", "Inter Fallback";
  }
}

@keyframes fade-in {
  from { opacity: 0 }
  to { opacity: 1 }
}

@keyframes scale-in {
  from { opacity: 0; transform: scale(0.95) translateY(8px) }
  to { opacity: 1; transform: scale(1) translateY(0) }
}

.animate-fade-in {
  animation: fade-in 150ms ease-out;
}

.animate-scale-in {
  animation: scale-in 180ms ease-out;
}

.tiptap blockquote {
    border-left: 4px solid #000000;
    padding-left: 1rem;
    color: #64748b;
    font-style: italic;
    margin: 1rem 0;
}

/* Swiper arrows custom */
.swiper-button-next,
.swiper-button-prev {
  color: white;              /* arrow color */
  transform: scale(0.6);     /* smaller size */
  font-weight: bold;
}

/* optional: move slightly inside */
.swiper-button-next {
  right: 8px;
}
.swiper-button-prev {
  left: 8px;
}

/* remove default big arrow size */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 16px;
}

.swiper-pagination-bullet {
  background: #9ca3af !important; 
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #45cf45 !important; 
}