/*
Theme Name:  Toca das Telhas
Theme URI:   https://tocadastelhastermicas.com/
Author:      Toca das Telhas
Author URI:  https://tocadastelhastermicas.com/
Description: Tema institucional da Toca das Telhas Térmicas — telhas termoacústicas em Goiânia. Conteúdo 100% editável via ACF Pro. Sem page builder.
Version:     1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: toca-das-telhas
Tags:        custom-colors, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ═══════════════════════════════════════════════════════════
   Tokens padrão — sobrescritos em runtime por ACF Aparência
   via inline style (inc/acf-render.php).
   ═══════════════════════════════════════════════════════════ */
:root {
  --azul-950: #030A2E;
  --azul-900: #060F4A;
  --azul-800: #09187F;
  --azul-700: #0C20A8;
  --azul-600: #1030CC;
  --azul-500: #2044E0;
  --azul-400: #4466EB;
  --azul-300: #7090F2;
  --azul-200: #A0B8F7;
  --azul-100: #D0DCFB;
  --azul-50:  #EEF2FE;

  --amarelo-600: #FFCD00;
  --amarelo-500: #FFD633;
  --amarelo-400: #FFDF5C;
  --amarelo-300: #FFE88A;
  --amarelo-200: #FFF0B3;
  --amarelo-100: #FFF7D6;
  --amarelo-50:  #FFFBEB;

  --neutro-900: #18181B;
  --neutro-800: #27272A;
  --neutro-700: #3F3F46;
  --neutro-600: #52525B;
  --neutro-500: #71717A;
  --neutro-400: #A1A1AA;
  --neutro-300: #D4D4D8;
  --neutro-200: #E4E4E7;
  --neutro-100: #F4F4F5;
  --neutro-50:  #FAFAFA;
  --branco:    #FFFFFF;

  --font-display: 'Rajdhani', sans-serif;
  --font-body:    'REM', sans-serif;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --section-padding: 100px;
  --container-max: 1320px;
  --container-gutter: 40px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-full: 50px;
}

/* ═══════ Reset mínimo ═══════ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-body); color: var(--neutro-900); background: var(--branco); line-height: 1.6; }
img, picture, svg, video { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); margin: 0 0 .5em; line-height: 1.2; }

/* ═══════ Utilities ═══════ */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}
.sr-only:focus {
  position: static !important;
  width: auto; height: auto;
  padding: 8px 16px;
  clip: auto; white-space: normal;
}