/* TRICORE PARTNERS - Design System Variables */
/* Concept O: Brutalist + Cosmic Orbital Design */

:root {
    /* Color Palette - Space/Cosmic Theme */
    --color-space: #030014;
    --color-deep: #0A0520;
    --color-electric: #6366F1;
    --color-violet: #8B5CF6;
    --color-pink: #EC4899;
    --color-white: #FFFFFF;
    --color-black: #030014;

    /* Grays - Cosmic adjusted */
    --color-gray: #D1D1DB;
    --color-gray-100: #F8F8FA;
    --color-gray-200: #E5E5EB;
    --color-gray-300: #D1D1DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #1A1A2E;

    /* Primary Brand Colors */
    --color-primary: #6366F1;
    --color-primary-light: #8B5CF6;
    --color-primary-dark: #4F46E5;

    /* Accent gradient */
    --gradient-primary: linear-gradient(135deg, var(--color-electric), var(--color-violet), var(--color-pink));
    --gradient-button: linear-gradient(135deg, var(--color-electric), var(--color-violet));

    /* Legacy colors mapped to new palette */
    --color-gold: var(--color-electric);
    --color-gold-light: var(--color-violet);
    --color-gold-dark: var(--color-primary-dark);
    --color-blue-primary: var(--color-electric);
    --color-blue-light: var(--color-violet);
    --color-blue-dark: var(--color-primary-dark);

    /* Typography */
    --font-display: 'Bebas Neue', 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Font Weights */
    --weight-light: 300;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;

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

    /* Container */
    --container-max: 1280px;
    --container-narrow: 960px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 50px;

    /* Shadows - Cosmic glow effects */
    --shadow-sm: 0 2px 8px rgba(99, 102, 241, 0.1);
    --shadow-md: 0 4px 16px rgba(99, 102, 241, 0.15);
    --shadow-lg: 0 8px 32px rgba(99, 102, 241, 0.2);
    --shadow-glow: 0 0 40px rgba(99, 102, 241, 0.3);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;

    /* Z-index Scale */
    --z-base: 1;
    --z-nav: 100;
    --z-modal: 1000;
}