/* Elioplus design tokens - single source of truth for colours shared across the front-end apps.
   Load this BEFORE any app/scoped stylesheet.
   Keep --ep-primary in sync with ElioplusTheme.cs (PaletteLight.Primary). */

:root {
    /* Brand */
    --ep-primary: #596dd9;
    --ep-accent:  #7a5fcb;
    --ep-navy:    #1f2553;
    --ep-navy-dark: #1d2340;
    --ep-periwinkle: #667eea;

    /* Hero / marketing blue */
    --ep-blue:          #2f6fe4;
    --ep-blue-light:    #4f8fdc;
    --ep-hero-bg:       var(--ep-blue);
    --ep-hero-gradient: linear-gradient(180deg, var(--ep-blue) 0%, var(--ep-blue-light) 100%);

    /* Design-preview blue family */
    --ep-blue-preview:      #2f7eda;
    --ep-blue-preview-dark: #2165bb;
    --ep-sky:               #40aaf8;

    /* Neutral grays */
    --ep-gray-50:  #f9fafb;
    --ep-gray-100: #f3f4f6;
    --ep-gray-200: #e5e7eb;
    --ep-gray-300: #d1d5db;
    --ep-gray-400: #9ca3af;
    --ep-gray-500: #6b7280;
    --ep-gray-600: #4b5563;
    --ep-gray-700: #374151;
    --ep-gray-800: #1f2937;
    --ep-gray-900: #111827;

    /* Slate (cool grays) */
    --ep-slate-50:  #f8fafc;
    --ep-slate-100: #f1f5f9;
    --ep-slate-200: #e2e8f0;
    --ep-slate-400: #94a3b8;
    --ep-slate-500: #64748b;
    --ep-slate-600: #475569;
    --ep-slate-700: #334155;
    --ep-slate-800: #1e293b;

    /* Cool text grays */
    --ep-ink:      #1a202c;
    --ep-cool-50:  #f7fafc;
    --ep-cool-500: #718096;
    --ep-cool-600: #4a5568;
    --ep-line:     #e2e5eb;

    /* Blue / indigo scale */
    --ep-blue-100:   #dbeafe;
    --ep-blue-500:   #3b82f6;
    --ep-blue-900:   #1e3a8a;
    --ep-indigo-500: #6366f1;
    --ep-indigo-600: #4f46e5;
    --ep-indigo-700: #4338ca;

    /* Status */
    --ep-success: #22c55e;
    --ep-green-500: #10b981;
    --ep-warning: #f59e0b;
    --ep-danger:  #ef4444;

    /* Login page */
    --ep-login-brand:      #187de4;
    --ep-login-brand-dark: #0d4fa8;
    --ep-login-bg:         #f5fafd;
    --ep-login-muted:      #5e7388;

    /* Shape */
    --ep-radius-lg: 12px;

    /* Typography */
    --ep-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}