@import 'tailwindcss';

/*
 * ── Brand Token Titipin Ba Be ────────────────────────────────────────────
 * Palet utama: Orange hangat (kepercayaan, lokal, makanan)
 * Palet sekunder: Slate netral
 * Flux menggunakan --color-accent-* untuk primary action
 */
@theme {
    --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;

    /* Accent = orange brand */
    --color-accent-50:  #fff7ed;
    --color-accent-100: #ffedd5;
    --color-accent-200: #fed7aa;
    --color-accent-300: #fdba74;
    --color-accent-400: #fb923c;
    --color-accent-500: #f97316;
    --color-accent-600: #ea580c;
    --color-accent-700: #c2410c;
    --color-accent-800: #9a3412;
    --color-accent-900: #7c2d12;
    --color-accent-950: #431407;
}

/* ── Sidebar transition ───────────────────────────────────────────────── */
.sidebar-item-active {
    @apply bg-orange-50 text-orange-700 font-medium;
}

/* ── Scrollbar tipis untuk sidebar ───────────────────────────────────── */
.sidebar-scroll::-webkit-scrollbar       { width: 4px; }
.sidebar-scroll::-webkit-scrollbar-track { background: transparent; }
.sidebar-scroll::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 4px; }

[x-cloak] { display: none !important; }