:root {
    /* Primary Colors */
    --primary-blue: #0a2463;
    --primary-blue-light: #1a3a8a;
    --primary-blue-dark: #05183c;
    
    /* Secondary Colors */
    --secondary-red: #8b0000;
    --secondary-red-light: #a30000;
    --secondary-red-dark: #670000;
    
    /* Accent Colors */
    --accent-gold: #ffd700;
    --accent-gold-light: #ffe44d;
    --accent-gold-dark: #cca300;
    
    /* Neutral Colors */
    --white: #ffffff;
    --black: #000000;
    --gray-50: #f8f9fa;
    --gray-100: #f1f3f4;
    --gray-200: #e8eaed;
    --gray-300: #dadce0;
    --gray-400: #bdc1c6;
    --gray-500: #9aa0a6;
    --gray-600: #80868b;
    --gray-700: #5f6368;
    --gray-800: #3c4043;
    --gray-900: #202124;
    
    /* Semantic Colors */
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
    
    /* Background Colors */
    --bg-primary: var(--white);
    --bg-secondary: var(--gray-50);
    --bg-dark: var(--primary-blue-dark);
    
    /* Text Colors */
    --text-primary: var(--gray-900);
    --text-secondary: var(--gray-700);
    --text-light: var(--gray-600);
    --text-on-dark: var(--white);
    
    /* Border Colors */
    --border-color: var(--gray-300);
    --border-dark: var(--gray-700);
    
    /* Shadow Colors */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;
}