/* ============================================ */
/* THEME WITAMA - WISMA TAHFIDZ MUSLIMAH        */
/* ============================================ */
/* 
   Cara mengganti theme:
   Cukup ubah nilai warna di bawah ini!
   Contoh: ganti #1a5632 dengan warna favorit Anda
*/

:root {
    /* ===== PRIMARY COLORS ===== */
    /* Warna utama (hijau tua dari logo) */
    --color-primary: #1a5632;
    --color-primary-dark: #0e3d22;
    --color-primary-light: #2e7d32;
    --color-primary-bg: #e8f5e9;
    --color-primary-gradient: linear-gradient(135deg, #1a5632 0%, #2e7d32 100%);
    
    /* ===== SECONDARY COLORS ===== */
    --color-secondary: #4caf50;
    --color-secondary-light: #81c784;
    
    /* ===== ACCENT COLORS ===== */
    --color-accent: #c9a84c;
    --color-accent-light: #e8d48b;
    --color-brown: #8d6e3f;
    
    /* ===== STATUS COLORS ===== */
    --color-success: #48bb78;
    --color-danger: #e53e3e;
    --color-warning: #ed8936;
    --color-info: #4299e1;
    
    /* ===== NEUTRAL COLORS ===== */
    --color-bg: #f0f4f0;
    --color-card: #ffffff;
    --color-text: #2d3748;
    --color-text-secondary: #718096;
    --color-border: #e2e8f0;
    --color-shadow: rgba(0, 0, 0, 0.06);
    
    /* ===== BORDER RADIUS ===== */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    
    /* ===== SHADOWS ===== */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-lg: 0 4px 15px rgba(0,0,0,0.1);
}