/* themecolors.css - Design System & Tokens para LP Atendimentos */

:root {
    /* Font Families */
    --font-primary: 'Inter', sans-serif;
    --font-secondary: 'Poppins', sans-serif;

    /* Theme Colors (Dark Theme Premium) */
    --color-bg: #07090e;              /* Fundo escuro profundo (HSL 225, 33%, 5%) */
    --color-surface: #10141f;         /* Superfície do card (HSL 225, 31%, 9%) */
    --color-surface-hover: #171d2c;   /* Hover da superfície */
    --color-surface-glass: rgba(16, 20, 31, 0.65); /* Efeito vidro */
    --color-border: rgba(255, 255, 255, 0.08);    /* Borda suave */
    --color-border-hover: rgba(255, 255, 255, 0.15);
    
    /* Brand Accent Colors */
    --color-primary: #00e5ff;          /* Ciano tecnológico */
    --color-secondary: #8c52ff;        /* Roxo futurista */
    --color-whatsapp: #25d366;         /* Verde WhatsApp */
    --color-whatsapp-hover: #20ba56;
    
    /* Text Colors */
    --color-text-main: #f3f4f6;        /* Cinza muito claro */
    --color-text-muted: #a3a9b6;       /* Cinza médio (ajustado para contraste) */
    --color-text-dimmed: #858c99;      /* Cinza escuro (ajustado para contraste >4.5:1) */
    
    /* Fonts Sizes (Baseados no padrão da agência) */
    --fs-xs: 0.75rem;     /* 12px */
    --fs-sm: 0.875rem;    /* 14px */
    --fs-base: 1rem;      /* 16px */
    --fs-md: 1.125rem;    /* 18px */
    --fs-lg: 1.25rem;     /* 20px */
    --fs-xl: 1.5rem;      /* 24px */
    --fs-2xl: 2rem;       /* 32px */
    --fs-3xl: 2.5rem;     /* 40px */
    --fs-4xl: 3.5rem;     /* 56px */
    --fs-5xl: 4.5rem;     /* 72px */
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;
}