/* ============================================================
   Dark Mode Theme — assets/style.css
   Importado automaticamente pelo header.php deste tema.
   Prefixe TODAS as classes com .theme-dark- para não conflitar
   com o CSS global da loja.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;600;700&display=swap');

:root {
    /* Cores — sobrescritas pelo runtime ao injetar as cores do theme.json/extension_settings */
    --theme-primary:    #6366F1;
    --theme-secondary:  #8B5CF6;
    --theme-bg:         #0F172A;
    --theme-surface:    #1E293B;
    --theme-text:       #F8FAFC;
    --theme-muted:      #94A3B8;
    --theme-border:     #334155;
    --theme-success:    #10B981;
    --theme-danger:     #EF4444;

    /* Fontes — sobrescritas pelo runtime com --font-heading e --font-body */
    --font-heading: 'Poppins', sans-serif;
    --font-body:    'Inter', sans-serif;

    --theme-radius: 12px;
}

/* Será desenvolvido pelo SuperAdmin ao criar o tema */

html, body {
    background-color: var(--theme-bg);
    color: var(--theme-text);
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--theme-text);
}

a {
    color: var(--theme-primary);
    text-decoration: none;
}

a:hover {
    color: var(--theme-secondary);
}