/* ============================================================================
   ENTERPRISE TAXI PLATFORM - THEME: NAVY GREEN / ORANGE LIGHT
   ============================================================================ */

:root {
    /* Primary & Accent Palette */
    --color-primary: #1B3B36;         /* Navy Green */
    --color-primary-light: #2C5E55;   /* Secondary Navy Green Variant */
    --color-accent: #FF7A00;          /* Orange Light (CTA) */
    --color-accent-hover: #E06A00;    /* Orange Hover State */
    
    /* Backgrounds & Surfaces */
    --color-bg-main: #F4F7F6;         /* Light Mint/Gray App Background */
    --color-surface: #FFFFFF;         /* Cards, Modals, Forms Background */
    
    /* Typography */
    --color-text-main: #0F2320;       /* High contrast dark text */
    --color-text-muted: #6B827E;      /* Secondary/muted text */
    
    /* Status & Feedback */
    --color-success: #00875A;         /* Verified / Success */
    --color-error: #D32F2F;           /* Alerts / Errors */
    
    /* Shadows & Transitions */
    --shadow-sm: 0 2px 4px rgba(27, 59, 54, 0.06);
    --shadow-md: 0 4px 12px rgba(27, 59, 54, 0.1);
    --radius-default: 12px;
}

/* Base Body Application */
body {
    background-color: var(--color-bg-main);
    color: var(--color-text-main);
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    direction: rtl; /* دعم اللغة العربية */
}

/* Headings with Navy Green */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-primary);
}

/* Primary Action Buttons (Orange Light CTA) */
.btn-primary, button[type="submit"], .cta-button {
    background-color: var(--color-accent);
    color: #FFFFFF;
    border: none;
    border-radius: var(--radius-default);
    padding: 12px 24px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: var(--shadow-sm);
}

.btn-primary:hover, button[type="submit"]:hover, .cta-button:hover {
    background-color: var(--color-accent-hover);
}

/* Secondary / Outline Buttons (Navy Green) */
.btn-secondary {
    background-color: var(--color-primary);
    color: #FFFFFF;
    border: none;
    border-radius: var(--radius-default);
    padding: 12px 24px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.btn-secondary:hover {
    background-color: var(--color-primary-light);
}

/* Cards & Containers (Surface) */
.card, .dashboard-box, .modal-content {
    background-color: var(--color-surface);
    border-radius: var(--radius-default);
    box-shadow: var(--shadow-md);
    padding: 24px;
    margin-bottom: 16px;
    border-top: 4px solid var(--color-primary); /* لمسة جمالية تعكس الـ Navy Green */
}

/* Highlight / Active Indicator Elements */
.badge-orange {
    background-color: rgba(255, 122, 0, 0.12);
    color: var(--color-accent);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: bold;
}

.badge-green {
    background-color: rgba(0, 135, 90, 0.12);
    color: var(--color-success);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: bold;
}