/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://heliacommerce.fr
 Description:  Child theme for HeliaCommerce – premium ecommerce.
 Author:       HeliaCommerce Team
 Author URI:   https://heliacommerce.fr
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/* CSS Variables – palette & typography */
:root {
    --color-primary: #1A2A48;      /* Navy deep */
    --color-accent: #4A90E2;       /* Turquoise pastel */
    --color-neutral-light: #F5F5F5;
    --color-neutral-dark: #222222;
    --font-headings: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body {
    font-family: var(--font-body);
    color: var(--color-neutral-dark);
    background-color: var(--color-neutral-light);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-headings);
    color: var(--color-primary);
    margin-top: 0;
}

a {
    color: var(--color-accent);
    text-decoration: none;
    transition: opacity 0.2s;
}
a:hover {
    opacity: 0.8;
}

/* Utility classes (Tailwind‑like) */
.container { max-width: 1240px; margin: 0 auto; padding: 0 1rem; }
.flex { display: flex; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }
.space-x-6 > * + * { margin-left: 1.5rem; }
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gap-6 { gap: 1.5rem; }
.bg-color-primary { background-color: var(--color-primary); }
.text-white { color: #fff; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mt-6 { margin-top: 1.5rem; }
.text-sm { font-size: 0.875rem; }
.opacity-80 { opacity: 0.8; }