/*
Theme Name: Meu Tema
Theme URI: https://seusite.com
Author: Seu Nome
Author URI: https://seusite.com
Description: Tema customizado 100% controlado por código, otimizado para WooCommerce
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meu-tema
Tags: e-commerce, woocommerce, custom, responsive

Este tema foi desenvolvido para controle total via código.
*/

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variáveis CSS */
:root {
    --cor-primaria: #2c3e50;
    --cor-secundaria: #3498db;
    --cor-destaque: #e74c3c;
    --cor-texto: #333;
    --cor-texto-claro: #666;
    --cor-fundo: #fff;
    --cor-fundo-alt: #f8f9fa;
    --cor-borda: #ddd;

    --fonte-principal: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --fonte-tamanho-base: 16px;

    --espacamento-pequeno: 0.5rem;
    --espacamento-medio: 1rem;
    --espacamento-grande: 2rem;

    --largura-maxima: 1400px;
    --border-radius: 4px;

    --transicao: all 0.3s ease;
}

/* Tipografia base */
html {
    font-size: var(--fonte-tamanho-base);
}

body {
    font-family: var(--fonte-principal);
    line-height: 1.6;
    color: var(--cor-texto);
    background-color: var(--cor-fundo);
}

/* Containers */
.container {
    max-width: var(--largura-maxima);
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: var(--espacamento-medio);
    line-height: 1.2;
    color: var(--cor-primaria);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* Links */
a {
    color: var(--cor-secundaria);
    text-decoration: none;
    transition: var(--transicao);
}

a:hover {
    color: var(--cor-primaria);
}

/* Imagens */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Botões */
.button,
button,
input[type="submit"],
input[type="button"] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: var(--cor-secundaria);
    color: #fff;
    border: none;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-size: 1rem;
    transition: var(--transicao);
    text-align: center;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: var(--cor-primaria);
    color: #fff;
}

/* Responsividade */
@media (max-width: 768px) {
    :root {
        --fonte-tamanho-base: 14px;
    }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    h4 { font-size: 1.25rem; }
}

/* Utilitários */
.text-center { text-align: center; }
.text-right { text-align: right; }
.mt-1 { margin-top: var(--espacamento-pequeno); }
.mt-2 { margin-top: var(--espacamento-medio); }
.mt-3 { margin-top: var(--espacamento-grande); }
.mb-1 { margin-bottom: var(--espacamento-pequeno); }
.mb-2 { margin-bottom: var(--espacamento-medio); }
.mb-3 { margin-bottom: var(--espacamento-grande); }