/**
 * Ocean Blue Theme
 * Primary (60%): Sky Blue
 * Secondary (30%): Teal
 * Accent (10%): Cyan
 */

:root[data-theme="ocean-blue"] {
    /* Primary Color (60% - Sky Blue) */
    --theme-primary: #0ea5e9;
    --theme-primary-light: #38bdf8;
    --theme-primary-dark: #0284c7;
    --theme-primary-rgb: 14, 165, 233;

    /* Secondary Color (30% - Teal) */
    --theme-secondary: #14b8a6;
    --theme-secondary-light: #2dd4bf;
    --theme-secondary-dark: #0d9488;
    --theme-secondary-rgb: 20, 184, 166;

    /* Accent Color (10% - Cyan) */
    --theme-accent: #06b6d4;
    --theme-accent-light: #22d3ee;
    --theme-accent-dark: #0891b2;
    --theme-accent-rgb: 6, 182, 212;

    /* Background Colors */
    --theme-bg-primary: #ffffff;
    --theme-bg-secondary: #f0fdfa;
    --theme-bg-tertiary: #ccfbf1;

    /* Text Colors */
    --theme-text-primary: #0f172a;
    --theme-text-secondary: #475569;
    --theme-text-muted: #94a3b8;
    --theme-text-inverse: #ffffff;

    /* Border Colors */
    --theme-border-light: #e0f2fe;
    --theme-border: #bae6fd;
    --theme-border-dark: #7dd3fc;

    /* Semantic Colors (consistent across themes) */
    --theme-success: #22c55e;
    --theme-success-dark: #16a34a;
    --theme-success-rgb: 34, 197, 94;
    --theme-warning: #f59e0b;
    --theme-warning-dark: #d97706;
    --theme-warning-rgb: 245, 158, 11;
    --theme-danger: #ef4444;
    --theme-danger-dark: #dc2626;
    --theme-danger-rgb: 239, 68, 68;
    --theme-info: #3b82f6;
    --theme-info-dark: #2563eb;
    --theme-info-rgb: 59, 130, 246;

    /* Gradients */
    --theme-gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%);
    --theme-gradient-accent: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);
    --theme-gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --theme-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --theme-gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --theme-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}
