/* ============================================================================
   CSS VARIABLES
   ============================================================================ */
:root {
    /* Primary Colors */
    --primary-color: #0ea5e9;
    --primary-dark: #0284c7;
    --primary-light: #38bdf8;
    --secondary-color: #06b6d4;

    /* Status Colors */
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #8b5cf6;

    /* Accent Colors */
    --accent-orange: #f97316;
    --accent-pink: #ec4899;

    /* Background Colors */
    --light-bg: #f8fafc;
    --card-bg: #ffffff;

    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #64748b;

    /* Border Colors */
    --border-color: #e2e8f0;
}