/**
 * ItsMyIdeas.com — Design Tokens
 * 
 * Central CSS custom properties for colors, typography, spacing,
 * shadows, border-radius, and transitions.
 *
 * @package kadence-child
 * @version 1.0.0
 */

:root {
    /* ═══════════════════════════════════════ */
    /* BRAND BLUE                              */
    /* ═══════════════════════════════════════ */
    --imi-blue-50:  #eff6ff;
    --imi-blue-100: #dbeafe;
    --imi-blue-200: #bfdbfe;
    --imi-blue-300: #93c5fd;
    --imi-blue-400: #60a5fa;
    --imi-blue-500: #3b82f6;
    --imi-blue-600: #2563eb; /* Primary brand */
    --imi-blue-700: #1d4ed8; /* Hover state */
    --imi-blue-800: #1e40af;
    --imi-blue-900: #1e3a8a;

    /* ═══════════════════════════════════════ */
    /* NAVY / NEUTRAL                          */
    /* ═══════════════════════════════════════ */
    --imi-navy-50:  #f8fafc;
    --imi-navy-100: #f1f5f9;
    --imi-navy-200: #e2e8f0;
    --imi-navy-300: #cbd5e1;
    --imi-navy-400: #94a3b8;
    --imi-navy-500: #64748b;
    --imi-navy-600: #475569;
    --imi-navy-700: #334155;
    --imi-navy-800: #1e293b;
    --imi-navy-900: #0f172a; /* Secondary brand */

    /* ═══════════════════════════════════════ */
    /* SEMANTIC                                */
    /* ═══════════════════════════════════════ */
    --imi-success:     #22c55e;
    --imi-success-bg:  #f0fdf4;
    --imi-success-text: #15803d;
    --imi-warning:     #f59e0b;
    --imi-warning-bg:  #fffbeb;
    --imi-warning-text: #92400e;
    --imi-error:       #ef4444;
    --imi-error-bg:    #fef2f2;
    --imi-error-text:  #991b1b;
    --imi-info:        #3b82f6;
    --imi-info-bg:     #eff6ff;

    /* ═══════════════════════════════════════ */
    /* SURFACE                                 */
    /* ═══════════════════════════════════════ */
    --imi-bg:             #ffffff;
    --imi-bg-alt:         #f8fafc;
    --imi-bg-muted:       #f1f5f9;
    --imi-surface:        #ffffff;
    --imi-surface-raised: #ffffff;
    --imi-border:         #e2e8f0;
    --imi-border-light:   #f1f5f9;

    /* ═══════════════════════════════════════ */
    /* TEXT                                    */
    /* ═══════════════════════════════════════ */
    --imi-text:           #1a1a2e;
    --imi-text-heading:   #1a1a2e;
    --imi-text-muted:     #475569;
    --imi-text-light:     #64748b;
    --imi-text-white:     #ffffff;
    --imi-text-link:      #2563eb;
    --imi-text-link-hover: #1d4ed8;

    /* ═══════════════════════════════════════ */
    /* TYPOGRAPHY                              */
    /* ═══════════════════════════════════════ */
    --imi-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

    --imi-text-xs:   0.75rem;      /* 12px */
    --imi-text-sm:   0.8125rem;    /* 13px */
    --imi-text-base: 1rem;         /* 16px */
    --imi-text-lg:   1.0625rem;    /* 17px */
    --imi-text-xl:   1.25rem;      /* 20px */

    --imi-heading-6: 1.125rem;     /* 18px */
    --imi-heading-5: 1.25rem;      /* 20px */
    --imi-heading-4: 1.375rem;     /* 22px */
    --imi-heading-3: 1.5rem;       /* 24px */
    --imi-heading-2: 1.75rem;      /* 28px */
    --imi-heading-1: 2rem;         /* 32px */
    --imi-display:   2.5rem;       /* 40px */

    /* ═══════════════════════════════════════ */
    /* SPACING                                 */
    /* ═══════════════════════════════════════ */
    --imi-space-0:  0;
    --imi-space-1:  0.25rem;   /* 4px */
    --imi-space-2:  0.5rem;    /* 8px */
    --imi-space-3:  0.75rem;   /* 12px */
    --imi-space-4:  1rem;      /* 16px */
    --imi-space-5:  1.25rem;   /* 20px */
    --imi-space-6:  1.5rem;    /* 24px */
    --imi-space-8:  2rem;      /* 32px */
    --imi-space-10: 2.5rem;    /* 40px */
    --imi-space-12: 3rem;      /* 48px */
    --imi-space-16: 4rem;      /* 64px */
    --imi-space-20: 5rem;      /* 80px */
    --imi-space-24: 6rem;      /* 96px */

    /* ═══════════════════════════════════════ */
    /* BORDER RADIUS                           */
    /* ═══════════════════════════════════════ */
    --imi-radius-sm:   4px;
    --imi-radius-md:   8px;
    --imi-radius-lg:   12px;
    --imi-radius-xl:   16px;
    --imi-radius-full: 9999px;

    /* ═══════════════════════════════════════ */
    /* SHADOWS                                 */
    /* ═══════════════════════════════════════ */
    --imi-shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.05);
    --imi-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --imi-shadow-md:  0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
    --imi-shadow-lg:  0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
    --imi-shadow-xl:  0 20px 25px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.04);

    /* ═══════════════════════════════════════ */
    /* TRANSITIONS                             */
    /* ═══════════════════════════════════════ */
    --imi-transition-fast: 150ms ease;
    --imi-transition-base: 200ms ease;
    --imi-transition-slow: 300ms ease;

    /* ═══════════════════════════════════════ */
    /* LAYOUT                                  */
    /* ═══════════════════════════════════════ */
    --imi-container:        1200px;
    --imi-container-wide:   1400px;
    --imi-container-narrow: 800px;
    --imi-container-tight:  640px;
    --imi-edge-padding:     1.5rem;
}