/* ==========================================================================
   KNOWLEDGE BASE VARIABLES
   Design tokens for knowledge base
   ========================================================================== */

:root {
    /* Colors - Based on main brand */
    --kb-primary: #C94A2A;
    --kb-primary-dark: #A33920;
    --kb-primary-light: #E8B48F;
    --kb-accent: #2A5C4E;
    --kb-accent-dark: #1E4137;
    --kb-gold: #D4925A;
    
    /* Neutrals */
    --kb-white: #FFFFFF;
    --kb-cream: #FBF7F2;
    --kb-cream-dark: #F5EDE4;
    --kb-gray-100: #F8F8F8;
    --kb-gray-200: #E8E8E8;
    --kb-gray-300: #D0D0D0;
    --kb-gray-400: #A8A8A8;
    --kb-gray-500: #707070;
    --kb-gray-600: #505050;
    --kb-gray-700: #383838;
    --kb-gray-800: #282828;
    --kb-gray-900: #181818;
    --kb-charcoal: #2C2625;
    
    /* Semantic Colors */
    --kb-text-primary: var(--kb-charcoal);
    --kb-text-secondary: var(--kb-gray-600);
    --kb-text-light: var(--kb-gray-500);
    --kb-text-inverse: var(--kb-white);
    
    --kb-bg-primary: var(--kb-white);
    --kb-bg-secondary: var(--kb-cream);
    --kb-bg-alt: var(--kb-gray-100);
    
    --kb-border: var(--kb-gray-200);
    --kb-border-dark: var(--kb-gray-300);
    
    /* Typography */
    --kb-font-sans: 'Space Grotesk', system-ui, -apple-system, sans-serif;
    --kb-font-mono: 'JetBrains Mono', 'Courier New', monospace;
    
    /* Font Sizes */
    --kb-text-xs: 0.75rem;
    --kb-text-sm: 0.875rem;
    --kb-text-base: 1rem;
    --kb-text-lg: 1.125rem;
    --kb-text-xl: 1.25rem;
    --kb-text-2xl: 1.5rem;
    --kb-text-3xl: 1.875rem;
    --kb-text-4xl: 2.25rem;
    --kb-text-5xl: 3rem;
    
    /* Spacing */
    --kb-space-xs: 0.25rem;
    --kb-space-sm: 0.5rem;
    --kb-space-md: 1rem;
    --kb-space-lg: 1.5rem;
    --kb-space-xl: 2rem;
    --kb-space-2xl: 3rem;
    --kb-space-3xl: 4rem;
    
    /* Border Radius */
    --kb-radius-sm: 4px;
    --kb-radius-md: 8px;
    --kb-radius-lg: 12px;
    --kb-radius-xl: 16px;
    --kb-radius-full: 9999px;
    
    /* Shadows */
    --kb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --kb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --kb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --kb-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    
    /* Layout */
    --kb-container-max: 1200px;
    --kb-content-max: 800px;
    
    /* Transitions */
    --kb-transition-fast: 150ms ease;
    --kb-transition-base: 250ms ease;
    --kb-transition-slow: 350ms ease;
    
    /* Z-index */
    --kb-z-base: 1;
    --kb-z-dropdown: 10;
    --kb-z-sticky: 100;
    --kb-z-modal: 1000;
}