/**
 * Modern Slate Theme
 * Primary (60%): Slate
 * Secondary (30%): Dark Slate
 * Accent (10%): Cyan
 */

:root[data-theme="modern-slate"] {
    /* Primary Color (60% - Slate) */
    --theme-primary: #475569;
    --theme-primary-light: #64748b;
    --theme-primary-dark: #334155;
    --theme-primary-rgb: 71, 85, 105;

    /* Secondary Color (30% - Dark Slate) */
    --theme-secondary: #1e293b;
    --theme-secondary-light: #334155;
    --theme-secondary-dark: #0f172a;
    --theme-secondary-rgb: 30, 41, 59;

    /* 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: #f8fafc;
    --theme-bg-tertiary: #f1f5f9;

    /* Text Colors */
    --theme-text-primary: #0f172a;
    --theme-text-secondary: #475569;
    --theme-text-muted: #94a3b8;
    --theme-text-inverse: #ffffff;

    /* Border Colors */
    --theme-border-light: #f1f5f9;
    --theme-border: #e2e8f0;
    --theme-border-dark: #cbd5e1;

    /* 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, #475569 0%, #1e293b 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%);
}