/* 
 * ODYS Website - Shared CSS Variables
 * Central location for all CSS custom properties
 * This file should be loaded first in index.php
 */

:root {
    /* Brand Colors */
    --primary-color: #6B00BE;  /* Main purple */
    --primary-hover: #805AD5;  /* Lighter purple for hover */
    --error-color: #ef4444;  /* Error red */
    --success-color: #10b981;  /* Success green */
    
    /* Text Colors */
    --text-color: #FFFFFF;     /* Main text color */
    --text-color-light: #E5E7EB;  /* Secondary text color */
    
    /* Background Colors */
    --background-color: #000000;      /* Main background */
    --secondary-color: #111827;    /* Secondary background */
    --border-color: #374151;    /* Border color */
    
    /* Layout Variables */
    --max-width: 1140px;
    --spacing-unit: 1rem;
    --border-radius: 4px;
    --transition-speed: 0.3s;
    
    /* Typography */
    --heading-font: 'Montserrat', sans-serif;
    --body-font: 'Inter', sans-serif;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
}

/* Fonts imported via HTML link tags for better performance */