/*
╔══════════════════════════════════════════════════════════════════════════════╗
║                           WIKIFRIKI VARIABLES                               ║
║                        CSS Custom Properties                                ║
╚══════════════════════════════════════════════════════════════════════════════╝
*/

:root {
    /* ===== DARK THEME (DEFAULT) ===== */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --accent-primary: #58a6ff;
    --accent-secondary: #7c3aed;
    --accent-gradient: linear-gradient(135deg, #58a6ff 0%, #7c3aed 100%);
    --terminal-green: #39d353;
    --terminal-red: #f85149;
    --terminal-yellow: #ffab40;
    --border-color: #30363d;
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 16px 64px rgba(0, 0, 0, 0.5);
    
    /* ===== TYPOGRAPHY ===== */
    --font-code: 'Fira Code', 'Consolas', 'Monaco', monospace;
    --font-text: 'Ubuntu', 'Segoe UI', sans-serif;
    
    /* ===== ANIMATIONS ===== */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #f1f3f4;
    --text-primary: #24292f;
    --text-secondary: #656d76;
    --border-color: #d0d7de;
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 16px 64px rgba(0, 0, 0, 0.15);
}