/*
Theme Name: Tema Simples
Description: Um tema simples para WordPress
Version: 1.0
Author: Seu Nome
*/

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

:root {
  --font-family: 'Roboto', sans-serif;
  /* Footer variables */
  --footer-bg: #003152;
  --footer-bg-dark: #002540;
  --footer-txt: #fff;
  --footer-txt-light: rgba(255, 255, 255, 0.8);
  --footer-accent: #005580;
  --footer-gap: 20px;
  --footer-fs: 14px;
  /* Home variables */
  --primary: #233b5c;
  --primary-light: #3a659f;
  --accent: #3a659f;
  --shadow-color: rgba(35, 59, 92, 0.15);
  --space-sm: 0.5rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* Additional variables for modern cards */
  --dark: #1e293b;
  --gradient-primary: linear-gradient(135deg, #233b5c 0%, #3a659f 100%);
  --gradient-warm: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --menu-bg: #fff;
  --menu-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  --menu-height: 70px;
  --menu-gap: 20px;
  --logo-height: 40px;
  --container-max-width: 1280px;
  --container-padding: 16px;
}

html, body {
  height: 100%;
  font-family: var(--font-family);
  background: #f9f9f9;
}