/*
Theme Name: Cantos do Rio - Marcenaria & Canto Alemão sob Medida
Theme URI: https://cantosdorio.com.br/
Author: Chagas Web
Author URI: https://chagasweb.com.br/
Description: Tema WordPress de estilo editorial e alta performance para marcenaria sob medida e Canto Alemão no Rio de Janeiro. 100% personalizável pelo menu "Aparência > Personalizar", com galeria interativa, lightbox e conversão direta para WhatsApp.
Version: 1.2.2
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cantosdorio
Tags: custom-header, custom-menu, theme-options, portfolio, photography, custom-logo, responsive-layout
*/

/* Custom Base Styles & Variables - Cantos do Rio Identity */
:root {
  --color-bg-light: #F6F4EF;
  --color-bg-card: #EFECE6;
  --color-bg-dark: #142330;
  --color-surface-dark: #1B2E3F;
  
  /* Cantos do Rio Color Palette derived from Logo */
  --color-brand-blue: #3C80B0;
  --color-brand-blue-hover: #2C6894;
  --color-brand-light-blue: #EAF2F8;
  --color-accent-wood: #8C5A3C;
  --color-accent-oak: #C49A6C;
  
  --color-text-main: #141F28;
  --color-text-muted: #5C6873;
  --color-text-light: #F6F4EF;
  --color-border-light: #E0DAD0;
  --color-border-dark: #263B4D;
  
  --font-serif: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --shadow-subtle: 0 10px 30px rgba(20, 35, 48, 0.05);
  --shadow-elevated: 0 20px 50px rgba(20, 35, 48, 0.12);
}

/* Fluid Reset & Defaults */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
  background-color: var(--color-bg-light);
  color: var(--color-text-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg-light);
}
::-webkit-scrollbar-thumb {
  background: #B4C6D4;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-brand-blue);
}