@import "tailwindcss";

:root {
  --background: #FAF7F2;
  --foreground: #7c6f6a;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-sans);
  
  /* Brand Colors */
  --color-ranata-dark: #740607;
  --color-ranata-light: #991612;
  
  --color-merah-ranata: #991612;
  --color-merah-hover: #7a1210;
  --color-merah-alt: #A4161A;
  
  --color-heading: #4b2e2b;
  --color-body: #7c6f6a;
  --color-muted: #9b8f8a;
  
  --color-bg-light: #FAF7F2;
  --color-bg-white: #ffffff;
}

body {
  background: var(--background);
  color: var(--foreground);
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Styling untuk konten HTML artikel (dari SunEditor/rich text admin) */
.article-content {
  color: var(--color-body);
  line-height: 1.75;
}

.article-content > * + * {
  margin-top: 1.25em;
}

.article-content h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: var(--color-heading);
}

.article-content h3 {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--color-heading);
}

.article-content a {
  color: var(--color-merah-ranata);
  text-decoration: underline;
}

.article-content ul {
  list-style: disc;
  padding-left: 1.5em;
}

.article-content ol {
  list-style: decimal;
  padding-left: 1.5em;
}

.article-content img {
  border-radius: 1rem;
}

.article-content blockquote {
  border-left: 3px solid var(--color-merah-ranata);
  padding-left: 1em;
  font-style: italic;
  color: var(--color-muted);
}