/* ============================================
   APONGA Design System — Variables CSS
   Reference template : mpiketrika.com (Arolax)
   ============================================ */

:root,
[data-bs-theme="dark"] {
    --aponga-bg-primary: #121212;
    --aponga-bg-secondary: #1A1A1F;
    --aponga-bg-tertiary: #0A0A0C;
    --aponga-bg-light: #F5F5F5;
    --aponga-bg-warm: #F0EDEB;
    --aponga-bg-card: #1A1A1F;
    --aponga-bg-input: #F5F5F5;

    --aponga-text-light: #F4F1EA;
    --aponga-text-dark: #121212;
    --aponga-text-muted: #999999;
    --aponga-text-muted-light: #555555;

    --aponga-accent: #FF845D;
    --aponga-accent-hover: #FFA98D;
    --aponga-accent-rgb: 255, 132, 93;
    --aponga-danger: #E23B3B;
    --aponga-success: #4CAF6D;
    --aponga-info: #0099FF;

    --aponga-border-dark: #242428;
    --aponga-border-light: #EDEDED;

    --aponga-font-heading: "Kanit", sans-serif;
    --aponga-font-body: "DM Sans", system-ui, sans-serif;
    --aponga-font-nav: "Montserrat", sans-serif;
    --aponga-font-serif: "PT Serif", Georgia, serif;

    --aponga-section-py: 140px;
    --aponga-section-py-tablet: 80px;
    --aponga-section-py-mobile: 60px;

    --aponga-radius: 5px;
    --aponga-radius-pill: 30px;
    --aponga-radius-card: 8px;
    --aponga-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    --aponga-shadow-dark: 0 8px 32px rgba(0, 0, 0, 0.4);
    --aponga-transition: 0.3s ease;

    --bs-body-bg: var(--aponga-bg-primary);
    --bs-body-color: var(--aponga-text-light);
    --bs-primary: var(--aponga-accent);
    --bs-primary-rgb: var(--aponga-accent-rgb);
    --bs-danger: var(--aponga-danger);
    --bs-success: var(--aponga-success);
    --bs-info: var(--aponga-info);
    --bs-border-color: var(--aponga-border-dark);
    --bs-border-radius: var(--aponga-radius);
    --bs-font-sans-serif: var(--aponga-font-body);
    --bs-link-color: var(--aponga-accent);
    --bs-link-hover-color: var(--aponga-accent-hover);
    --bs-card-bg: var(--aponga-bg-card);
    --bs-card-border-color: var(--aponga-border-dark);
}

.section-light {
    --bs-body-bg: var(--aponga-bg-light);
    --bs-body-color: var(--aponga-text-dark);
    --bs-border-color: var(--aponga-border-light);
    --bs-card-bg: #FFFFFF;
    --bs-card-border-color: var(--aponga-border-light);
}