/* ============================================
   VARIABLES CSS
   ============================================ */
:root {
    --bg-color: #F8F8FF;
    --text-color: #000000;
    --accent-color: #ADD8E6;
    --menu-color: #2E5A88;
    --button-color: #4CAF50;
    --button-hover: #3e8e41;
    --white: #ffffff;
    --shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 30px rgba(46, 90, 135, 0.10);
    --border-radius: 5px;
    --border-radius-lg: 12px;
    --transition: 0.3s ease;
    --font-family: 'Arial', sans-serif;
    --max-width: 1200px;
    --container-padding: 0 15px;
}