/**
 * meincode Music Manager - CSS Variables
 * Version: 1.2.0
 * 
 * Zentrale Farbdefinitionen und Design-Tokens.
 * Änderungen hier wirken sich auf das gesamte Plugin aus.
 */

:root {
    /* ============================================
       Brand Colors
       ============================================ */
    --meincode-primary: #111;
    --meincode-accent: #E36F1B;
    --meincode-accent-hover: #c65a0f;
    --meincode-accent-gold: #DD9933;
    --meincode-gradient: linear-gradient(135deg, #E36F1B 0%, #DD9933 100%);
    --meincode-gradient-dark: linear-gradient(135deg, #c65a0f 0%, #b8812a 100%);
    
    /* ============================================
       Background & Text Colors
       ============================================ */
    --meincode-bg: #f9f9f9;
    --meincode-bg-dark: #1a2332;
    --meincode-text: #1f2937;
    --meincode-text-light: #6b7280;
    --meincode-text-white: #ffffff;
    --meincode-text-muted: rgba(255, 255, 255, 0.7);
    
    /* ============================================
       Layout & Spacing
       ============================================ */
    --meincode-border-radius: 16px;
    --meincode-border-radius-sm: 10px;
    --meincode-border-radius-lg: 24px;
    --meincode-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --meincode-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.15);
    --meincode-shadow-dark: 0 20px 60px rgba(0, 0, 0, 0.5);
    --meincode-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* ============================================
       Streaming Platform Colors
       ============================================ */
    --spotify-color: #1DB954;
    --apple-color: #FA243C;
    --youtube-color: #FF0000;
    --amazon-color: #FF9900;
    --deezer-color: #FF0092;
    --tidal-color: #000000;
    --soundcloud-color: #FF5500;
    --bandcamp-color: #629aa9;
    --pandora-color: #224099;
    --boomplay-color: #00D1FF;
    --anghami-color: #6B2E7B;
    --qobuz-color: #0068B5;
    
    /* ============================================
       Social Media Colors
       ============================================ */
    --instagram-gradient: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    --facebook-color: #1877F2;
    --twitter-color: #000000;
    --tiktok-color: #000000;
    
    /* ============================================
       Card Styles
       ============================================ */
    --card-bg: #ffffff;
    --card-border: #e5e5e5;
    --card-hover-scale: 1.02;
}

/* ============================================
   Dark Theme Variables (for Smartlinks)
   ============================================ */
[data-theme="dark"],
.meincode-smartlink-dark {
    --meincode-bg: #1a2332;
    --meincode-text: #ffffff;
    --meincode-text-light: rgba(255, 255, 255, 0.7);
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: rgba(255, 255, 255, 0.1);
}