/*
Theme Name: Plugin Energia
Theme URI:  https://pluginenergia.com.br
Author:     Plugin Energia
Author URI: https://pluginenergia.com.br
Description: Tema oficial Plugin Energia para WordPress + WooCommerce. Distribuidor B2B de material elétrico, hidráulico e solar. Mobile-first, leve para hospedagem compartilhada, compatível com Gutenberg.
Version:    1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License:    GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plugin-energia
Tags:        e-commerce, woocommerce, mobile-ready, clean, blog, custom-colors, custom-menu

WooCommerce: true
WC requires at least: 8.0
WC tested up to: 9.0
*/

/* =============================================================
   Plugin Energia — Theme CSS
   Style tokens (CSS custom properties) + global reset
   The bulk of UI lives in assets/css/theme.css (enqueued separately).
   This file exists for the WP theme header above + token declarations.
   ============================================================= */

:root {
  /* Brand */
  --pe-brand: #1FB6FF;
  --pe-brand-deep: #0E7FBF;
  --pe-brand-soft: #E6F4FB;
  --pe-volt: #FFC829;
  --pe-volt-deep: #D9A400;
  --pe-volt-soft: #FFF5CC;

  /* Ink scale */
  --pe-ink: #0B0D10;
  --pe-ink-2: #1A1D22;
  --pe-text: #2B2F36;
  --pe-muted: #6B7280;
  --pe-muted-soft: #9CA3AF;
  --pe-line: #E5E7EB;
  --pe-line-soft: #F1F3F5;

  /* Surfaces */
  --pe-paper: #FFFFFF;
  --pe-paper-dim: #F7F8FA;

  /* Status */
  --pe-ok: #0E9F6E;
  --pe-ok-soft: #DCF5EA;
  --pe-danger: #E53935;
  --pe-danger-soft: #FDECEA;

  /* Typography */
  --pe-font-display: 'Cambay', 'Helvetica Neue', sans-serif;
  --pe-font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --pe-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* Radii */
  --pe-r-sm: 6px;
  --pe-r-md: 10px;
  --pe-r-lg: 14px;
  --pe-r-xl: 18px;

  /* Spacing scale */
  --pe-s-1: 4px; --pe-s-2: 8px; --pe-s-3: 12px; --pe-s-4: 16px;
  --pe-s-5: 24px; --pe-s-6: 32px; --pe-s-7: 48px; --pe-s-8: 64px; --pe-s-9: 80px;

  /* Container */
  --pe-container: 1440px;
  --pe-container-pad: 48px;
}

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--pe-font-body);
  font-size: 14px;
  line-height: 1.5;
  color: var(--pe-text);
  background: var(--pe-paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* { box-sizing: border-box; }
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

/* Screen reader-only utility */
.screen-reader-text {
  position: absolute !important; clip: rect(1px,1px,1px,1px);
  width: 1px; height: 1px; overflow: hidden;
}