/**
 * IT IS DONE - Design System Variables
 * Color palette based on logo (logo7.jpg)
 */

:root {
    /* Primary Colors - From Logo */
    --blue-dark: #00416B;
    --blue-main: #007FB8;
    --blue-light: #B5E6FF;
    --blue-soft: #E7F6FF;

    /* Text Colors */
    --text-main: #0F172A;
    --text-muted: #6B7280;

    /* Background Colors */
    --bg-body: #F3F4F6;
    --white: #FFFFFF;

    /* Accent Colors */
    --success-bg: rgba(22, 163, 74, 0.09);
    --success-border: rgba(34, 197, 94, 0.4);
    --success-text: #166534;

    /* Shadows & Effects */
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
    --shadow-button: 0 12px 25px rgba(15, 23, 42, 0.35);
    --shadow-button-hover: 0 18px 30px rgba(15, 23, 42, 0.35);
    --shadow-button-active: 0 8px 14px rgba(15, 23, 42, 0.3);

    /* Border Radius */
    --radius-small: 10px;
    --radius-medium: 14px;
    --radius-large: 18px;
    --radius-xl: 26px;
    --radius-full: 999px;

    /* Spacing Scale */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;

    /* Typography */
    --font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size-xs: 0.72rem;
    --font-size-sm: 0.85rem;
    --font-size-base: 0.9rem;
    --font-size-md: 0.95rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.2rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;

    /* Layout */
    --max-width: 1120px;

    /* Transitions */
    --transition-fast: 0.12s ease-out;
    --transition-base: 0.18s ease-out;
    --transition-slow: 0.3s ease-out;

    /* Z-Index Scale */
    --z-base: 1;
    --z-dropdown: 10;
    --z-sticky: 50;
    --z-mobile-menu: 500;
    --z-modal: 100;
    --z-toast: 200;
}

/* Dark mode variables (for future implementation) */
@media (prefers-color-scheme: dark) {
    :root {
        /* Keep light theme for now - can be implemented later */
    }
}