/* =========================================
   VARIABLES & THEME CONFIGURATION
   ========================================= */

:root {
    /* Brand Colors */
    --primary-color: #fc6c04;
    --primary-hover: #e55b00;
    /* Backgrounds */
    --bg-body: #f4f4f9;
    --bg-card: #ffffff;
    --input-bg: #ffffff;
    --disabled-bg: #e5e7eb;
    /* Typography */
    --text-main: #1f2937;
    --text-muted: #6b7280;
    /* Borders & Shadows */
    --border-color: #d1d5db;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --radius: 8px;
    --focus-ring: rgba(252, 108, 4, 0.25);
    /* Notification Colors */
    --toast-success-bg: #10b981;
    --toast-error-bg: #ef4444;
    --toast-text: #ffffff;
}

/* Dark Mode Overrides */
[data-theme="dark"] {
    --bg-body: #111827;
    --bg-card: #1f2937;
    --text-main: #f9fafb;
    --text-muted: #9ca3af;
    --border-color: #374151;
    --input-bg: #1f2937;
    --disabled-bg: #374151;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}