/**
 * ZCCIMA Theme Variables
 * Brand color: #14213D
 */

:root {
    /* Brand Colors */
    --zccima-primary:          #14213D;
    --zccima-primary-dark:     #0A1426;
    --zccima-primary-darker:   #050B16;
    --zccima-primary-light:    #2A3B5F;
    --zccima-primary-lighter:  #5C6B8A;
    --zccima-primary-rgb:      20, 33, 61;

    --zccima-accent:           #D4AF37;
    --zccima-accent-dark:      #A8892C;
    --zccima-accent-light:     #E5C870;

    /* Neutrals */
    --zccima-white: #FFFFFF; --zccima-black: #000000;
    --zccima-gray-50:  #F8FAFC; --zccima-gray-100: #F1F5F9;
    --zccima-gray-200: #E2E8F0; --zccima-gray-300: #CBD5E1;
    --zccima-gray-400: #94A3B8; --zccima-gray-500: #64748B;
    --zccima-gray-600: #475569; --zccima-gray-700: #334155;
    --zccima-gray-800: #1E293B; --zccima-gray-900: #0F172A;

    /* Semantic */
    --zccima-success: #10B981; --zccima-success-light: #D1FAE5;
    --zccima-warning: #F59E0B; --zccima-warning-light: #FEF3C7;
    --zccima-danger:  #EF4444; --zccima-danger-light:  #FEE2E2;
    --zccima-info:    #3B82F6; --zccima-info-light:    #DBEAFE;

    /* Typography */
    --zccima-font-fa: 'Vazirmatn', 'IRANSansX', Tahoma, sans-serif;
    --zccima-font-en: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --zccima-font-ar: 'Vazirmatn', 'Noto Naskh Arabic', Tahoma, sans-serif;
    --zccima-font-tr: 'Roboto', 'Open Sans', Arial, sans-serif;
    --zccima-font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;

    --zccima-font-size-xs: 0.75rem;
    --zccima-font-size-sm: 0.875rem;
    --zccima-font-size-base: 1rem;
    --zccima-font-size-lg: 1.125rem;
    --zccima-font-size-xl: 1.25rem;
    --zccima-font-size-2xl: 1.5rem;
    --zccima-font-size-3xl: 1.875rem;
    --zccima-font-size-4xl: 2.25rem;
    --zccima-font-size-5xl: 3rem;

    --zccima-line-height-tight:   1.25;
    --zccima-line-height-base:    1.6;
    --zccima-line-height-relaxed: 1.75;

    --zccima-font-weight-light: 300;  --zccima-font-weight-normal: 400;
    --zccima-font-weight-medium: 500; --zccima-font-weight-semibold: 600;
    --zccima-font-weight-bold: 700;   --zccima-font-weight-black: 900;

    /* Spacing (8px grid) */
    --zccima-space-0:  0;       --zccima-space-1: 0.25rem;
    --zccima-space-2:  0.5rem;  --zccima-space-3: 0.75rem;
    --zccima-space-4:  1rem;    --zccima-space-5: 1.25rem;
    --zccima-space-6:  1.5rem;  --zccima-space-8: 2rem;
    --zccima-space-10: 2.5rem;  --zccima-space-12: 3rem;
    --zccima-space-16: 4rem;    --zccima-space-20: 5rem;
    --zccima-space-24: 6rem;    --zccima-space-32: 8rem;

    /* Layout */
    --zccima-container:     1200px;
    --zccima-container-sm:  640px;
    --zccima-container-md:  768px;
    --zccima-container-lg:  1024px;
    --zccima-container-xl:  1200px;
    --zccima-container-2xl: 1280px;

    --zccima-header-height:         120px;
    --zccima-header-height-scrolled: 80px;
    --zccima-sidebar-width:         280px;

    /* Radius */
    --zccima-radius-none: 0;     --zccima-radius-sm: 0.25rem;
    --zccima-radius-md:   0.5rem; --zccima-radius-lg: 0.75rem;
    --zccima-radius-xl:   1rem;   --zccima-radius-2xl: 1.5rem;
    --zccima-radius-3xl:  2rem;   --zccima-radius-full: 9999px;

    /* Shadow */
    --zccima-shadow-sm:   0 1px 2px 0 rgba(var(--zccima-primary-rgb), 0.05);
    --zccima-shadow-md:   0 4px 6px -1px rgba(var(--zccima-primary-rgb), 0.07), 0 2px 4px -2px rgba(var(--zccima-primary-rgb), 0.05);
    --zccima-shadow-lg:   0 10px 15px -3px rgba(var(--zccima-primary-rgb), 0.10), 0 4px 6px -4px rgba(var(--zccima-primary-rgb), 0.05);
    --zccima-shadow-xl:   0 20px 25px -5px rgba(var(--zccima-primary-rgb), 0.10), 0 8px 10px -6px rgba(var(--zccima-primary-rgb), 0.05);
    --zccima-shadow-2xl:  0 25px 50px -12px rgba(var(--zccima-primary-rgb), 0.25);
    --zccima-shadow-inner: inset 0 2px 4px 0 rgba(var(--zccima-primary-rgb), 0.05);
    --zccima-shadow-focus: 0 0 0 3px rgba(var(--zccima-primary-rgb), 0.15);

    /* Transition */
    --zccima-transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
    --zccima-transition-base:   300ms cubic-bezier(0.4, 0, 0.2, 1);
    --zccima-transition-slow:   500ms cubic-bezier(0.4, 0, 0.2, 1);
    --zccima-transition-bounce: 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

    /* Z-index */
    --zccima-z-dropdown: 1000;     --zccima-z-sticky: 1020;
    --zccima-z-fixed:    1030;     --zccima-z-modal-backdrop: 1040;
    --zccima-z-modal:    1050;     --zccima-z-popover: 1060;
    --zccima-z-tooltip:  1070;     --zccima-z-toast: 1080;
}