/* ========================================
   PALETTE: OCEAN
   SandDollar Solutions - Ocean Theme
   Deep blues and teals inspired by the sea
   ======================================== */

:root {
    /* Primary Brand Colors - Ocean Blues */
    --color-primary: #0077b6;
    --color-primary-dark: #005f8a;
    --color-primary-darker: #004666;
    --color-primary-light: #48cae4;
    
    /* Secondary Brand Colors - Sea Green */
    --color-secondary: #577590;
    --color-secondary-light: #7b9aaf;
    
    /* Accent Colors (Ocean Gradient) */
    --color-accent-purple-start: #48cae4;
    --color-accent-purple-end: #0077b6;
    --color-accent-purple-start-rgba: rgba(72, 202, 228, 0.7);
    --color-accent-purple-end-rgba: rgba(0, 119, 182, 0.7);
    
    /* Semantic Colors */
    --color-success: #2a9d8f;
    --color-success-dark: #21867a;
    --color-success-darker: #186e65;
    --color-success-light: #a8dadc;
    
    --color-danger: #e63946;
    --color-danger-dark: #c82e3a;
    --color-danger-darker: #a1252f;
    --color-danger-light: #f8c2c7;
    
    --color-warning: #f4a261;
    --color-warning-dark: #e07b3a;
    --color-warning-darker: #c46626;
    --color-warning-light: #fde4c8;
    
    --color-info: #0891b2;
    --color-info-dark: #0e7490;
    --color-info-darker: #155e75;
    --color-info-light: #a5f3fc;
    
    /* Semantic Colors - RGB values for transparency */
    --color-success-rgb: 42, 157, 143;
    --color-danger-rgb: 230, 57, 70;
    --color-warning-rgb: 244, 162, 97;
    --color-info-rgb: 8, 145, 178;
    
    /* Neutral Colors - Light Theme */
    --color-white: #ffffff;
    --color-gray-50: #f8f9fa;
    --color-gray-100: #f1f5f9;
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e1;
    --color-gray-400: #94a3b8;
    --color-gray-500: #64748b;
    --color-gray-600: #475569;
    --color-gray-700: #334155;
    --color-gray-800: #1e293b;
    --color-gray-900: #0f172a;
    --color-black: #000000;
    
    /* Dark Theme Colors */
    --color-dark-bg-primary: #0a1628;
    --color-dark-bg-secondary: #132238;
    --color-dark-bg-tertiary: #1e3a50;
    --color-dark-bg-hover: #2a4a60;
    --color-dark-border: #3a5a70;
    --color-dark-border-light: #4a6a80;
    --color-dark-text-primary: #f0f9ff;
    --color-dark-text-secondary: #e0f2fe;
    --color-dark-text-muted: #bae6fd;
    --color-dark-text-disabled: #64748b;
    
    /* Alert/Message Background Colors for Dark Theme */
    --color-dark-alert-info-bg: #0c4a6e;
    --color-dark-alert-warning-bg: #7c2d12;
    --color-dark-alert-danger-bg: #7f1d1d;
    --color-dark-alert-success-bg: #134e4a;
    
    /* Additional Dark Theme Colors */
    --color-dark-warning-dark: #b45309;
    --color-dark-disabled-bg: #0f172a;
    --color-dark-disabled-border: #1e293b;
    --color-dark-badge-light-bg: #334155;
    --color-light-text-dark: #e2e8f0;
}