/**
 * Design Tokens
 * Color system, typography, spacing, and other design tokens
 */

:root {
    /* Core Colors */
    --black: #000;
    
    /* Primary Colors */
    --primary-500: #8743e1;
    --primary-600: #6c1fb5;
    --primary-100: #f4edfa;
    
    /* Surface Colors */
    --surface: #ffffff;
    --surface-secondary: #f8f9fa;
    --surface-tertiary: #f1f3f4;
    
    /* Text Colors */
    --text-primary: #202124;
    --text-secondary: #5f6368;
    --text-tertiary: #9aa0a6;
    
    /* Semantic Colors */
    --success-500: #34a853;
    --success-100: #e6f4ea;
    --warning-500: #fbbc04;
    --warning-100: #fef7e0;
    --error-500: #ea4335;
    --error-100: #fce8e6;
    
    /* Agent Colors */
    --cyan-500: #0891b2;
    --cyan-100: #e0f2fe;
    --purple-500: #9333ea;
    --orange-500: #f97316;
    
    /* Shadows */
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 10px 25px rgba(0, 0, 0, 0.1);
    
    /* Border Radius */
    --border-radius: 0.75rem;
    --border-radius-sm: 0.375rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 1.5rem;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 0.75rem;
    --spacing-lg: 1rem;
    --spacing-xl: 1.5rem;
    --spacing-2xl: 2rem;
    
    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    
    --font-size-xs: 0.6875rem;
    --font-size-sm: 0.75rem;
    --font-size-base: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
    --transition-slower: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
    
    /* Z-index */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 120;
    --z-panel: 140;
    --z-status: 200;
    --z-overlay: 280;
    --z-modal: 300;
    --z-toast: 1000;
}

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Hide scrollbars */
html, body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar, 
body::-webkit-scrollbar,
*::-webkit-scrollbar {
    display: none;
}