/**
 * Tema global: 
 * Ubah warna di sini agar seluruh komponen ikut menyesuaikan. 
 */
:root {
    /**
     * Palet terinspirasi logo: 
     * Warna emas, oranye, merah, hitam, dan putih.
     * Nilai disesuaikan untuk UI, bukan sampel piksel persis dari logo. 
     */
    --app-primary: #ffbd32;
    --app-secondary: #ff7a12;
    --app-accent: #f51b28;
    --app-dark: #171416;
    --app-light: #f3efe8;
    --app-white: #ffffff;
    --app-spotlight: var(--app-white);

    /* Interaksi */
    --app-primary-hover: #ffcc5c;
    --app-primary-border: #ed9c30;
    --app-focus-ring: var(--app-primary);

    /* Latar dan permukaan */
    --app-background: #251b19;
    --app-surface-brand: var(--app-light);
    --app-surface-input: #48433f;

    /* Teks dan ikon untuk permukaan gelap/terang */
    --app-text-primary: var(--app-white);
    --app-text-secondary: #f4eeeb;
    --app-text-muted: #b4a59d;
    --app-text-on-primary: #291c0b;
    --app-text-on-light: var(--app-dark);
    --app-text-accent: #ffe097;

    /* Garis pembatas */
    --app-border: #716a65;
    --app-border-divider: #807872;

    /* Warna status pelengkap untuk keterbacaan di latar gelap */
    --app-text-error: #ffbeb1;
    --app-error-border: #a45b51;
    --app-error-background: #ff554411;
    --app-text-success: #bde6c4;
    --app-success-border: #52735a;
    --app-success-background: #52a96812;
    --app-text-warning: #ffda83;

    --login-logo-mask: url("../../assets/images/logo/SimplePBX-v1.png");
}