/*
Theme Name: Dressup
Theme URI: https://dressupforyou.in
Author: Dressup
Author URI: https://dressupforyou.in
Description: Custom WooCommerce theme for Dressup - personalized corporate gifts, apparel & merchandise, inspired by the print-on-demand corporate gifting model.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: dressup
Tags: e-commerce, woocommerce, custom-menu, custom-logo, featured-images

This theme, like WordPress, is licensed under the GPL.
*/

/* Base variables (also duplicated as CSS custom properties for JS/customizer use) */
:root {
  --dressup-navy: #16264a;
  --dressup-navy-dark: #0d1830;
  --dressup-coral: #ff5a3c;
  --dressup-coral-dark: #e6472b;
  --dressup-cream: #fdf7f0;
  --dressup-gray: #6b7280;
  --dressup-light-gray: #f4f5f7;
  --dressup-white: #ffffff;
  --dressup-gold: #e8b64a;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
}

* { box-sizing: border-box; }

body {
  font-family: var(--font-body);
  color: #26314a;
  margin: 0;
  background: var(--dressup-white);
  line-height: 1.6;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-heading);
  color: var(--dressup-navy);
  margin: 0 0 .5em;
  font-weight: 600;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
ul { list-style: none; margin: 0; padding: 0; }
.container { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 40px;
  font-weight: 600;
  font-family: var(--font-heading);
  font-size: 14px;
  letter-spacing: .3px;
  transition: all .2s ease;
  cursor: pointer;
  border: 2px solid transparent;
}
.btn-primary { background: var(--dressup-coral); color: #fff; }
.btn-primary:hover { background: var(--dressup-coral-dark); }
.btn-outline { background: transparent; border-color: var(--dressup-navy); color: var(--dressup-navy); }
.btn-outline:hover { background: var(--dressup-navy); color: #fff; }
.btn-outline-white { background: transparent; border-color: #fff; color: #fff; }
.btn-outline-white:hover { background: #fff; color: var(--dressup-navy); }

.section { padding: 72px 0; }
.section-tight { padding: 48px 0; }
.section-title { text-align: center; margin-bottom: 8px; font-size: 32px; }
.section-subtitle { text-align: center; color: var(--dressup-gray); max-width: 560px; margin: 0 auto 40px; font-size: 15px; }