/*
Theme Name:   BCX Theme
Theme URI:    https://ecommercecamp.com.br/bcx-theme
Author:       BCX Capital / ecommerceCAMP
Author URI:   https://ecommercecamp.com.br
Description:  Child theme oficial BCX baseado em Storefront. Padrão visual Guedes e Miranda (mockup PDP Bambuzinho v1 aprovado em 14/05/2026). Performance, SEO técnico e tracking embutido.
Template:     storefront
Version:      1.1.0
Requires at least: 6.5
Requires PHP: 8.1
Tested up to: 6.9
Text Domain:  bcx-theme
License:      Proprietary, uso exclusivo BCX Capital
Tags:         e-commerce, woocommerce, performance, custom-colors, custom-logo, responsive-layout
*/

/* ═══════════════════════════════════════════════════════════════════
   BCX Theme, Design Tokens (paleta Guedes Miranda do mockup aprovado)
   ═══════════════════════════════════════════════════════════════════ */
:root {
  /* Paleta Guedes Miranda */
  --gm-blue: #37B7FF;
  --gm-blue-dark: #1A9AE0;
  --gm-blue-light: #D6F0FF;
  --gm-red: #DD3333;
  --gm-red-dark: #B72929;
  --gm-yellow: #FBC312;
  --gm-green: #26AB5B;
  --gm-green-dark: #1F8F49;
  --gm-green-light: #E8F5EC;

  /* Neutros */
  --gm-text: #232323;
  --gm-text-mid: #444444;
  --gm-text-soft: #777777;
  --gm-bg: #F4F4F4;
  --gm-surface: #FFFFFF;
  --gm-border: #E5E5E5;

  /* Shadows */
  --gm-shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --gm-shadow: 0 2px 8px rgba(0,0,0,0.08);
  --gm-shadow-lg: 0 6px 24px rgba(0,0,0,0.12);

  /* Radius */
  --radius: 8px;
  --radius-lg: 12px;
  --radius-sm: 4px;
  --radius-full: 100px;

  /* Tipografia */
  --bcx-font-body: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --bcx-font-heading: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --bcx-font-size-base: 15px;
  --bcx-line-height-base: 1.55;

  /* Aliases bcx-* compatibilidade (apontam pros tokens Guedes) */
  --bcx-primary: var(--gm-blue);
  --bcx-primary-dark: var(--gm-blue-dark);
  --bcx-primary-light: var(--gm-blue-light);
  --bcx-secondary: var(--gm-yellow);
  --bcx-accent: var(--gm-green);
  --bcx-text: var(--gm-text);
  --bcx-text-mid: var(--gm-text-mid);
  --bcx-text-soft: var(--gm-text-soft);
  --bcx-border: var(--gm-border);
  --bcx-bg: var(--gm-bg);
  --bcx-bg-soft: var(--gm-surface);
  --bcx-success: var(--gm-green);
  --bcx-warning: var(--gm-yellow);
  --bcx-danger: var(--gm-red);
  --bcx-info: var(--gm-blue);
  --bcx-shadow-sm: var(--gm-shadow-sm);
  --bcx-shadow: var(--gm-shadow);
  --bcx-shadow-md: var(--gm-shadow);
  --bcx-shadow-lg: var(--gm-shadow-lg);
  --bcx-radius-sm: var(--radius-sm);
  --bcx-radius: var(--radius);
  --bcx-radius-md: var(--radius);
  --bcx-radius-lg: var(--radius-lg);
  --bcx-radius-xl: 16px;
  --bcx-radius-full: var(--radius-full);

  /* Escala tipográfica */
  --bcx-font-size-xs: 11px;
  --bcx-font-size-sm: 12.5px;
  --bcx-font-size-md: 13.5px;
  --bcx-font-size-lg: 15px;
  --bcx-font-size-xl: 18px;
  --bcx-font-size-2xl: 22px;
  --bcx-font-size-3xl: 28px;
  --bcx-font-size-4xl: 36px;
  --bcx-letter-spacing-heading: -0.2px;

  /* Spacing scale */
  --bcx-space-1: 4px;
  --bcx-space-2: 8px;
  --bcx-space-3: 12px;
  --bcx-space-4: 16px;
  --bcx-space-5: 20px;
  --bcx-space-6: 24px;
  --bcx-space-8: 32px;
  --bcx-space-10: 40px;
  --bcx-space-12: 48px;
  --bcx-space-16: 64px;
  --bcx-space-20: 80px;

  /* Layout */
  --bcx-container-max: 1280px;
  --bcx-container-padding: 24px;
  --bcx-header-height: 86px;
  --bcx-header-height-mobile: 60px;

  /* Transitions */
  --bcx-transition-fast: 150ms ease;
  --bcx-transition: 250ms ease;
  --bcx-transition-slow: 400ms ease;

  /* Z-index */
  --bcx-z-base: 1;
  --bcx-z-dropdown: 10;
  --bcx-z-sticky: 50;
  --bcx-z-modal: 100;
  --bcx-z-toast: 200;
}