/*
Theme Name: Dra. Ana Vitória da Hora
Theme URI: https://anavitoriadahora.com.br
Author: Manus AI
Author URI: https://manus.im
Description: Tema personalizado para Dra. Ana Vitória da Hora — Dentística Restauradora e Estética. Design elegante em paleta creme/sépia com tipografia Cormorant Garamond.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dra-ana-vitoria
Tags: one-page, custom-menu, featured-images, full-width-template, responsive-layout
*/

/* ============================================================
   DESIGN SYSTEM — Dra. Ana Vitória
   Paleta: Creme/Sépia Elegante
   Tipografia: Cormorant Garamond (display) + Montserrat (body)
   ============================================================ */

:root {
  --color-bg:         #F7F3EE;
  --color-bg-white:   #FFFFFF;
  --color-dark:       #2C1F14;
  --color-dark-mid:   #3E2A1E;
  --color-mid:        #5A4A3A;
  --color-light-mid:  #7B5A45;
  --color-gold:       #C9A97A;
  --color-gold-light: #F0E8DC;
  --color-border:     #DDD0C0;
  --color-text-muted: #A08060;
  --color-cream-text: #F5EFE6;

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Montserrat', -apple-system, sans-serif;

  --radius-card:  16px;
  --radius-btn:   9999px;
  --shadow-card:  0 2px 16px rgba(44,31,20,0.08);
  --shadow-hover: 0 8px 32px rgba(44,31,20,0.14);
  --transition:   all 0.22s cubic-bezier(0.23,1,0.32,1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-dark);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media (min-width: 768px) { .container { padding: 0 2.5rem; } }
@media (min-width: 1024px) { .container { padding: 0 3rem; } }