/*
Theme Name: JurosZero
Theme URI: https://example.com/juroszero
Author: JurosZero
Author URI: https://example.com
Description: Tema customizado JurosZero (conversão de layout React para WordPress nativo).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: juroszero
*/

/* Base layout tweaks */
:root {
  --gold: #C8A961;
  --gold-hover: #B8963A;
  --gold-light: #F0E6C8;
  --blue-deep: #0F1B2D;
  --blue-night: #1A2940;
  --off-white: #FAF8F3;
  --text-dark: #3D3D3D;
  --text-gray: #6B7280;
  --green: #2D8F5E;
  --red: #C53030;
}

html { scroll-behavior: smooth; }

body {
  background: var(--off-white);
  color: var(--text-dark);
}

img { max-width: 100%; height: auto; }

.juroszero-logo-white {
  filter: brightness(0) invert(1);
}

/* Utility helpers */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Animation helpers */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: all 900ms ease-out;
}
.fade-in.is-visible { opacity: 1; transform: translateY(0); }

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}

@keyframes shine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}

@keyframes draw {
  0% { stroke-dashoffset: 200; }
  100% { stroke-dashoffset: 0; }
}