/* Theme Name: Dharma Clone Theme URI: https://dharmabemestar.com.br Author: Analix Author URI: https://analix.com.br Description: Um tema focado em conversão, minimalista e com a identidade visual da Dharma Bem-Estar. Desenvolvido com suporte nativo via Customizer para cores e logo. Version: 1.0.0 Text Domain: dharma-clone Tags: e-commerce, custom-colors, custom-logo, woocommerce */ :root { /* Variáveis que serão sobrescritas pelo Customizer via PHP na tag */ --primary-color: #D97B30; --primary-hover: #c46d29; --text-color: #333333; --bg-light: #fdfdfc; --border-radius: 8px; --font-primary: 'Montserrat', sans-serif; } body { margin: 0; padding: 0; font-family: var(--font-primary); color: var(--text-color); background-color: var(--bg-light); line-height: 1.6; } /* Reset Básico */ *, *::before, *::after { box-sizing: border-box; } a { color: var(--primary-color); text-decoration: none; transition: color 0.3s ease; } a:hover { color: var(--primary-hover); } img { max-width: 100%; height: auto; display: block; } /* Containers */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Componentes Universais */ .btn, .button, button, input[type="submit"] { background-color: var(--primary-color); color: #fff; border: none; border-radius: var(--border-radius); padding: 10px 20px; cursor: pointer; font-weight: 600; transition: background-color 0.3s ease; display: inline-block; text-align: center; } .btn:hover, .button:hover, button:hover, input[type="submit"]:hover { background-color: var(--primary-hover); color: #fff; }