/*
 * Copyright (c) 2025 EUMETSAT
 * License: Proprietary
 * Design tokens: colours, spacing, typography, shadows ...
 */

:root {
    
    --color-accent:         #1e40af;
    --color-accent-hover:   #1e3a8a;
    --color-accent-light:   #eff6ff;
    --color-accent-border:  #bfdbfe;

    
    --color-accent-alt:     #004a99;

    
    --color-success:        #16a34a;
    --color-success-bg:     #f0fdf4;
    --color-success-border: #bbf7d0;
    --color-success-dark:   #15803d;

    --color-warning:        #d97706;
    --color-warning-bg:     #fffbeb;
    --color-warning-border: #fde68a;
    --color-warning-dark:   #92400e;

    --color-danger:         #dc2626;
    --color-danger-hover:    #b91c1c;
    --color-danger-bg:      #fef2f2;
    --color-danger-border:  #fecaca;

    --color-info:           #7c3aed;

    
    --color-bg:             #f5f7fa;
    --color-surface:        #ffffff;
    --color-surface-2:      #f0f2f5;
    --color-surface-alt:     #fafbfc;  
    --color-surface-3:      #f8fafc;
    --color-surface-4:      #f9fafb;
    --color-surface-5:      #f1f5f9;

    
    --color-border:         #e2e6ed;
    --color-border-2:       #d0d5de;
    --color-border-3:       #d1d5db;
    --color-border-4:       #f3f4f6;
    --color-border-5:       #dce3ef;

    
    --color-text-primary:       #111827;
    --color-text-secondary:     #4b5563;
    --color-text-secondary-alt: #374151;
    --color-text-muted:         #9ca3af;
    --color-text-subtle:        #6b7280;
    --color-text-slate:         #64748b;

    
    --radius-xs:   3px;
    --radius-sm:   4px;
    --radius-base: 6px;
    --radius-md:   7px;
    --radius-md-2: 8px;
    --radius-lg:   10px;
    --radius-xl:   12px;
    --radius-2xl:  14px;
    --radius-3xl:  16px;
    --radius-4xl:  20px;

    
    --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}