/*
Theme Name: Vaus — Nano Creative United
Theme URI: https://creativeunited.io/
Description: Tema base desenvolvido para atender layout e expectativas de entrega ao cliente Vaus. Desenvolvido por Nano Creative United.
Author: Mateus Nobre
Author URI: https://creativeunited.io/
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vaus-ncu
Domain Path: /languages
Tags: elementor, child-theme, clean, accessibility-ready, responsive, minimal
*/


/*
====================================================================
🎛️ DESIGN TOKENS (CSS Custom Properties)
====================================================================
— Ajuste as variáveis abaixo conforme a identidade visual.
*/
:root {
/* Cores base */
--color-bg: #ffffff;
--color-surface: #f7f7f7;
--color-text: #1f2328;
--color-heading: #0f1216;
--color-muted: #6b7280;


/* Paleta da marca */
--color-primary: #2f73ff;
--color-primary-600: #2256be;
--color-secondary: #00bfa6;
--color-accent: #ff7a59;
--color-success: #16a34a;
--color-warning: #f59e0b;
--color-danger: #ef4444;


/* Tipografia */
--font-poppins: 'Poppins', sans-serif;


/* Escala de tamanho (fluid) */
--step--1: clamp(0.84rem, 0.83rem + 0.05vw, 0.9rem);
--step-0: clamp(1.00rem, 0.98rem + 0.10vw, 1.06rem);
--step-1: clamp(1.15rem, 1.10rem + 0.30vw, 1.33rem);
--step-2: clamp(1.35rem, 1.25rem + 0.60vw, 1.66rem);
--step-3: clamp(1.62rem, 1.44rem + 1.00vw, 2.08rem);
--step-4: clamp(1.94rem, 1.67rem + 1.60vw, 2.60rem);
--step-5: clamp(2.33rem, 1.93rem + 2.40vw, 3.25rem);


/* Espaçamento 4pt scale */
--space-1: 0.25rem; /* 4px */
--space-2: 0.5rem; /* 8px */
--space-3: 0.75rem; /* 12px */
--space-4: 1rem; /* 16px */
--space-5: 1.5rem; /* 24px */
--space-6: 2rem; /* 32px */
--space-8: 3rem; /* 48px */
--space-10: 4rem; /* 64px */
--space-12: 6rem; /* 96px */


/* Larguras / containers */
--container-narrow: 680px;
--container: 1200px;
--container-wide: 1440px;
--radius: 0.75rem;
--radius-lg: 1.25rem;
--shadow: 0 10px 25px rgba(0,0,0,0.08);


/* Z-index */
--z-header: 1000;
--z-overlay: 1100;
--z-modal: 1200;
}


/* Dark mode (auto) */
@media (prefers-color-scheme: dark) {
:root {
--color-bg: #0b0f14;
--color-surface: #10161d;
--color-text: #e5e7eb;
--color-heading: #f3f4f6;
--color-muted: #9ca3af;
--color-primary: #82aaff;
--color-primary-600: #5b84dd;
--color-secondary: #2dd4bf;
--color-accent: #ffb4a2;
}
}

/* Dark mode (classe manual) */
.theme-dark {
--color-bg: #0b0f14;
--color-surface: #10161d;
--color-text: #e5e7eb;
--color-heading: #f3f4f6;
--color-muted: #9ca3af;
}