/* ============================================
   SOLNER ENERGIA — DESIGN TOKENS GLOBAIS
   Fonte única de verdade para todas as variáveis CSS.
   Este arquivo DEVE ser carregado antes de todos os outros.
   NÃO defina :root em outros arquivos CSS.
============================================ */

:root {

    /* ========================================
       CORES PRINCIPAIS
    ======================================== */
    --primary-blue:     #001489;
    --accent-orange:    #dc582a;
    --accent-yellow:    #FFB600;
    --success-green:    #10b981;
    --error-red:        #ef4444;
    --whatsapp-green:   #25D366;
    --white:            #ffffff;

    /* ========================================
       ESCALA DE CINZA
    ======================================== */
    --gray-50:  #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #e5e5e5;
    --gray-300: #d4d4d4;
    --gray-400: #a3a3a3;
    --gray-500: #737373;
    --gray-600: #525252;
    --gray-700: #404040;
    --gray-800: #262626;
    --gray-900: #171717;

    /* Aliases semânticos (usados no menu/footer) */
    --text-dark:    #1a1a1a;
    --text-gray:    #666666;
    --text-light:   #999999;
    --border-light: rgba(0, 0, 0, 0.06);
    --border-color: rgba(0, 0, 0, 0.06); /* alias usado no menu */
    --gray-bg:      #F1F1F1;             /* fundo claro do menu */

    /* ========================================
       GRADIENTES
    ======================================== */
    --gradient-blue:   linear-gradient(135deg, #001489 0%, #0a2b9e 50%, #6366f1 100%);
    --gradient-orange: linear-gradient(135deg, #dc582a 0%, #ea580c 100%);
    --gradient-border: linear-gradient(90deg, #001489 0%, #dc582a 50%, #FFB600 100%);
    --gradient-brand:  linear-gradient(90deg, #001489 0%, #dc582a 50%, #FFB600 100%);

    /* ========================================
       SOMBRAS
    ======================================== */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

    /* ========================================
       TRANSIÇÕES
    ======================================== */
    --transition-fast:   all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base:   all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);

    /* ========================================
       TIPOGRAFIA
    ======================================== */
    --font-main: 'Noir Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Breakpoints documentados (use em @media queries)
       --bp-tablet: 1024px
       --bp-mobile: 768px
       --bp-small:  480px
    */
}