/* Palette Warna Resmi Kabupaten Sleman (Portal slemankab.go.id Style) */
:root {
    --sleman-maroon: #800000;       /* Merah Maron Resmi Pemkab */
    --sleman-maroon-dark: #5c0000;  /* Maron Tua */
    --sleman-tosca: #00695c;        /* Hijau Tosca Sembada */
    --sleman-gold: #f59e0b;         /* Kuning Emas Logo */
    
    --app-border-radius: 0.85rem;    /* Lengkungan card/navbar */
    --app-border-radius-lg: 1.25rem;  /* Lengkungan hero/jumbotron */
    --app-border-radius-sm: 0.4rem;   /* Lengkungan input/badge */
}

/* Background & Text Utility */
.bg-sleman-maroon {
    background-color: var(--sleman-maroon) !important;
    color: #ffffff !important;
}

.bg-sleman-dark {
    background-color: var(--sleman-maroon-dark) !important;
    color: #ffffff !important;
}

.bg-sleman-tosca {
    background-color: var(--sleman-tosca) !important;
    color: #ffffff !important;
}

.text-sleman-maroon {
    color: var(--sleman-maroon) !important;
}

.text-sleman-tosca {
    color: var(--sleman-tosca) !important;
}

.text-gold {
    color: var(--sleman-gold) !important;
}

/* Tombol Kustom Gaya Pemkab */
.btn-sleman-maroon {
    background-color: var(--sleman-maroon) !important;
    color: #ffffff !important;
    border: none;
    border-radius: 50rem !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.btn-sleman-maroon:hover {
    background-color: var(--sleman-maroon-dark) !important;
    color: #ffffff !important;
}

.btn-gold {
    background-color: var(--sleman-gold) !important;
    color: #000000 !important;
    font-weight: 600;
    border: none;
    border-radius: 50rem !important;
}

.btn-gold:hover {
    background-color: #d97706 !important;
    color: #ffffff !important;
}

/* Rounded Cards & Components */
.card {
    border-radius: var(--app-border-radius) !important;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.08) !important;
}

.card-img-top {
    border-top-left-radius: var(--app-border-radius) !important;
    border-top-right-radius: var(--app-border-radius) !important;
}

.btn {
    border-radius: 50rem !important;
}

.form-control, .form-select, .input-group-text {
    border-radius: var(--app-border-radius-sm) !important;
}

.rounded-custom {
    border-radius: var(--app-border-radius-lg) !important;
}

.navbar-sleman {
    border-radius: var(--app-border-radius);
    background-color: var(--sleman-maroon) !important;
}

/* Banner Running Text */
.running-text-box {
    background: #f8f9fa;
    border-left: 4px solid var(--sleman-maroon);
    border-radius: var(--app-border-radius-sm);
}