/**
 * KRILI Brand Colors - Official Color Palette
 * Bold & Modern (جريء وعصري)
 * Primary: Dark Blue + Vibrant Orange
 */

:root {
    /* ===== PRIMARY COLORS ===== */
    --krili-blue: #1E40AF;
    --krili-orange: #F97316;
    --krili-white: #FFFFFF;
    --krili-dark: #1F2937;

    /* ===== SECONDARY COLORS ===== */
    --krili-light-blue: #60A5FA;
    --krili-light-orange: #FDBA74;
    --krili-light-gray: #F3F4F6;
    --krili-medium-gray: #6B7280;

    /* ===== STATUS COLORS ===== */
    --krili-success: #10B981;
    --krili-warning: #F59E0B;
    --krili-error: #EF4444;
    --krili-info: #3B82F6;

    /* ===== GRADIENTS ===== */
    --gradient-krili: linear-gradient(135deg, #1E40AF 0%, #F97316 100%);
    --gradient-blue: linear-gradient(135deg, #1E40AF 0%, #60A5FA 100%);
    --gradient-orange: linear-gradient(135deg, #F97316 0%, #FDBA74 100%);

    /* ===== SHADOWS ===== */
    --shadow-krili-sm: 0 1px 2px 0 rgba(30, 64, 175, 0.05);
    --shadow-krili: 0 4px 6px -1px rgba(30, 64, 175, 0.1), 0 2px 4px -1px rgba(30, 64, 175, 0.06);
    --shadow-krili-md: 0 10px 15px -3px rgba(30, 64, 175, 0.1), 0 4px 6px -2px rgba(30, 64, 175, 0.05);
    --shadow-krili-lg: 0 20px 25px -5px rgba(30, 64, 175, 0.1), 0 10px 10px -5px rgba(30, 64, 175, 0.04);
    --shadow-orange: 0 4px 14px 0 rgba(249, 115, 22, 0.39);

    /* ===== OPACITY VARIATIONS ===== */
    --krili-blue-10: rgba(30, 64, 175, 0.1);
    --krili-blue-20: rgba(30, 64, 175, 0.2);
    --krili-blue-50: rgba(30, 64, 175, 0.5);
    --krili-orange-10: rgba(249, 115, 22, 0.1);
    --krili-orange-20: rgba(249, 115, 22, 0.2);
    --krili-orange-50: rgba(249, 115, 22, 0.5);
}

/* Dark mode color adjustments */
.dark {
    --krili-light-gray: #1F2937;
    --krili-dark: #F3F4F6;
}

/* Base styling with brand colors */
body {
    color: var(--krili-dark);
    background-color: var(--krili-light-gray);
}