/**
 * 🚀 SV TOKENS 2026 - FAZ-3.0
 * 2026 token standardı - Foundation layer
 * Mevcut var(--bg-primary) gibi değişkenlerle çakışmadan foundation oluşturma
 */

:root {
    /* Renkler - Foundation */
    --sv-bg: #ffffff;
    --sv-surface: #f8f9fa;
    --sv-text: #0f172a;
    --sv-muted: #64748b;
    --sv-border: #e2e8f0;
    --sv-accent: #667eea;
    
    /* Radius */
    --sv-r-sm: 0.375rem;
    --sv-r-md: 0.5rem;
    --sv-r-lg: 0.75rem;
    
    /* Shadow */
    --sv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --sv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    
    /* Spacing */
    --sv-space-1: 0.25rem;
    --sv-space-2: 0.5rem;
    --sv-space-3: 0.75rem;
    --sv-space-4: 1rem;
    --sv-space-5: 1.25rem;
    
    /* Bridge: Mevcut sistem değişkenlerine eşleme (geriye dönük uyum) */
    --bg-primary: var(--sv-bg);
    --bg-secondary: var(--sv-surface);
    --text-primary: var(--sv-text);
    --text-secondary: var(--sv-muted);
    --border: var(--sv-border);
    --accent: var(--sv-accent);
}

/* Dark mode - html[data-theme="dark"] pattern */
html[data-theme="dark"],
html.dark-mode {
    --sv-bg: #0f172a;
    --sv-surface: #1e293b;
    --sv-text: #f1f5f9;
    --sv-muted: #94a3b8;
    --sv-border: #334155;
    --sv-accent: #818cf8;
}

/* Dark mode - body.dark-mode pattern (legacy) */
body.dark-mode {
    --sv-bg: #0f172a;
    --sv-surface: #1e293b;
    --sv-text: #f1f5f9;
    --sv-muted: #94a3b8;
    --sv-border: #334155;
    --sv-accent: #818cf8;
}

/* Dark mode bridge override */
html[data-theme="dark"],
html.dark-mode,
body[data-theme="dark"],
body.dark-mode {
    --bg-primary: var(--sv-bg);
    --bg-secondary: var(--sv-surface);
    --text-primary: var(--sv-text);
    --text-secondary: var(--sv-muted);
    --border: var(--sv-border);
    --accent: var(--sv-accent);
}