/*
Theme Name: AR
Theme URI: https://ar.com
Author: AR
Author URI: https://ar.com
Description: Tema personalizado para la joyería AR. Diseño moderno y vibrante con paleta fucsia/cyan y animación shader decorativa. Compatible con WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ar
WC requires at least: 7.0
WC tested up to: 8.6
*/

/* ============================================
   VARIABLES DE MARCA — AR
   Paleta fucsia/cyan (del shader)
   ============================================ */
:root {
  --ar-fucsia: #e6007e;
  --ar-cyan: #00aec7;
  --ar-negro: #0a0a0a;
  --ar-blanco: #ffffff;
  --ar-gris-claro: #f5f5f7;
  --ar-gris-texto: #4a4a4a;

  /* Degradado de marca (fucsia -> cyan) */
  --ar-gradient: linear-gradient(135deg, var(--ar-fucsia) 0%, var(--ar-cyan) 100%);

  /* Tipografía */
  --ar-font-titulo: 'Poppins', sans-serif;
  --ar-font-texto: 'Inter', sans-serif;

  /* Transiciones suaves (animaciones base) */
  --ar-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* Espaciados */
  --ar-radius: 14px;
  --ar-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* ============================================
   RESET / BASE
   ============================================ */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--ar-font-texto);
  color: var(--ar-negro);
  background: var(--ar-blanco);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ar-font-titulo);
  font-weight: 600;
  line-height: 1.2;
}

a {
  color: var(--ar-fucsia);
  text-decoration: none;
  transition: var(--ar-transition);
}

a:hover {
  color: var(--ar-cyan);
}

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