:root {
    /* Primary Colors - Rich Blue-Green */
    --primary-color: #1e4d6b;          /* Deep Ocean Blue */
    --primary-dark: #0f2d3a;           /* Darker Ocean Blue */
    --primary-light: #2d7a9a;          /* Lighter Ocean Blue */
    
    /* Secondary Colors - Warm Terracotta */
    --secondary-color: #c17f59;        /* Warm Terracotta */
    --secondary-dark: #a05a3a;         /* Darker Terracotta */
    --secondary-light: #d4a574;        /* Lighter Terracotta */
    
    /* Accent Colors - Golden Amber */
    --accent-color: #e6a23c;           /* Golden Amber */
    --accent-light: #f0c78a;           /* Light Amber */
    --accent-dark: #b8941f;            /* Dark Amber */
    
    /* Neutral Colors */
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --gray: #6c757d;
    --dark-gray: #343a40;
    --black: #000000;
    
    /* Background Colors */
    --bg-light: #fafafa;
    --bg-dark: #1a1a1a;
    --bg-cream: #fdfbf7;               /* Warm Cream */
    --bg-sage: #f0f4f1;                /* Sage Green */
    
    /* Text Colors */
    --text-primary: #2c3e50;
    --text-secondary: #6c757d;
    --text-light: #ffffff;
    --text-warm: #5d4e37;              /* Warm Brown Text */
    
    /* Success/Error Colors */
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #17a2b8;
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--secondary-light));
    --gradient-hero: linear-gradient(135deg, rgba(30, 77, 107, 0.8), rgba(45, 122, 154, 0.8));
    --gradient-warm: linear-gradient(135deg, var(--secondary-color), var(--accent-color));
    --gradient-cool: linear-gradient(135deg, var(--primary-color), var(--accent-light));
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.2);
    --shadow-dark: rgba(0, 0, 0, 0.3);
    --shadow-warm: rgba(193, 127, 89, 0.2);
    
    /* Border Colors */
    --border-light: #e9ecef;
    --border-medium: #dee2e6;
    --border-dark: #adb5bd;
    --border-warm: #d4a574;
}