:root {
    --ak-primary: #0F5D3B;
    --ak-primary-dark: #0A432A;
    --ak-primary-light: #188052;
    --ak-gold: #D4AF37;
    --ak-gold-light: #F4E8C1;
    --ak-background: #FFFFFF;
    --ak-surface: #F5F8F7;
    --ak-text: #1F2937;
    --ak-muted: #64748B;
    --ak-border: #E2E8F0;
    --ak-white: #FFFFFF;
    --ak-overlay: color-mix(in srgb, var(--ak-primary-dark) 80%, transparent);
    --ak-primary-a18: color-mix(in srgb, var(--ak-primary) 18%, transparent);
    --ak-primary-a14: color-mix(in srgb, var(--ak-primary) 14%, transparent);
    --ak-primary-a35: color-mix(in srgb, var(--ak-primary) 35%, transparent);
    --ak-primary-a10: color-mix(in srgb, var(--ak-primary) 10%, transparent);
    --ak-primary-a20: color-mix(in srgb, var(--ak-primary) 20%, transparent);
    --ak-gold-a15: color-mix(in srgb, var(--ak-gold) 15%, transparent);
    --ak-gold-a30: color-mix(in srgb, var(--ak-gold) 30%, transparent);
    /* Emas versi gelap — kontras cukup untuk teks kecil di atas putih */
    --ak-gold-dark: color-mix(in srgb, var(--ak-gold) 70%, #3D3003);
    --ak-white-a86: color-mix(in srgb, var(--ak-white) 86%, transparent);
    --ak-white-a78: color-mix(in srgb, var(--ak-white) 78%, transparent);
    --ak-white-a65: color-mix(in srgb, var(--ak-white) 65%, transparent);
    --ak-white-a35: color-mix(in srgb, var(--ak-white) 35%, transparent);
    --ak-white-a25: color-mix(in srgb, var(--ak-white) 25%, transparent);
    --ak-white-a16: color-mix(in srgb, var(--ak-white) 16%, transparent);
    --ak-white-a12: color-mix(in srgb, var(--ak-white) 12%, transparent);
    --ak-white-a90: color-mix(in srgb, var(--ak-white) 90%, transparent);
    --ak-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --ak-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);
    --ak-serif: Merriweather, Georgia, serif;
    --ak-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ak-container: 1240px;
    --ak-nav-height: 48px;

    /* Layout konten + sidebar */
    --ak-sidebar-width: 300px;   /* lebar kolom sidebar pada desktop */
    --ak-content-gap: 2rem;      /* jarak antara body konten dan sidebar */
    --ak-content-pad-y: 2.5rem;  /* padding vertikal band konten */

    /* Radius kartu — dipakai .page, .pkp_block, dan kartu lain */
    --ak-radius-sm: 6px;
    --ak-radius-md: 10px;
    --ak-dropdown-bg: var(--ak-white);
    --ak-dropdown-z: 200;
}