/* =====================================================
   IKIGAI COMBAT - Design Tokens (Fonte Única)
   Refatorado - Fev 2025
   ===================================================== */

:root {
    /* --- Cores Primárias --- */
    --color-primary: #e74c3c;
    --color-primary-dark: #c0392b;
    --color-primary-light: #ff6b5b;
    
    /* Aliases (compatibilidade) */
    --primary-red: var(--color-primary);
    --primary-red-dark: var(--color-primary-dark);
    --primary-red-light: var(--color-primary-light);
    --dark-red: var(--color-primary-dark);
    
    /* --- Cores Secundárias --- */
    --color-secondary: #f39c12;
    --color-secondary-dark: #e67e22;
    --color-gold: #f1c40f;
    --color-gold-dark: #f39c12;
    
    --secondary-orange: var(--color-secondary);
    --secondary-orange-dark: var(--color-secondary-dark);
    --secondary-gold: var(--color-gold);
    --secondary-gold-dark: var(--color-gold-dark);
    
    /* --- Cores de Apoio --- */
    --color-accent-crimson: #8e44ad;
    --color-accent-teal: #1abc9c;
    --color-accent-blue: #3498db;
    
    --accent-crimson: var(--color-accent-crimson);
    --accent-teal: var(--color-accent-teal);
    --accent-blue: var(--color-accent-blue);
    
    /* --- Neutros --- */
    --color-neutral-dark: #2c3e50;
    --color-neutral-mid: #7f8c8d;
    --color-neutral-light: #ecf0f1;
    --color-white: #ffffff;
    
    --neutral-dark: var(--color-neutral-dark);
    --neutral-gray: var(--color-neutral-mid);
    --neutral-light: var(--color-neutral-light);
    --neutral-white: var(--color-white);
    --primary-white: var(--color-white);
    
    /* --- Gradientes --- */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary), var(--color-gold));
    --gradient-dark: linear-gradient(135deg, var(--color-neutral-dark), var(--color-accent-crimson));
    --gradient-hero: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-gold));
    
    /* --- Sombras --- */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.15);
    --shadow-primary: 0 8px 32px rgba(231, 76, 60, 0.3);
    --shadow-secondary: 0 8px 32px rgba(243, 156, 18, 0.3);
    --shadow-dark: 0 8px 32px rgba(44, 62, 80, 0.3);
    
    /* --- Bordas --- */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 2rem;
    
    --border-radius: var(--radius-md);
    --border-radius-lg: 20px;
    --border-radius-xl: 30px;
    
    /* --- Transições --- */
    --transition: all 0.3s ease;
    
    /* --- Utilitários --- */
    --light-red: rgba(231, 76, 60, 0.1);
}