/*
Theme Name: VELORA Fashion
Theme URI: https://launchifystudio.com
Author: Launchify Studio
Author URI: https://launchifystudio.com
Description: A complete, production-quality luxury fashion WordPress Classic Theme with full WooCommerce integration, crafted for VELORA ("Wear Your Presence."). Designed as a high-end portfolio showcase for Launchify Studio.
Version: 1.1.1
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: velora-fashion
Tags: e-commerce, fashion, luxury, editorial, woocommerce, translation-ready, custom-menu, featured-images, flexible-header

VELORA Brand Guidelines & Art Direction:
- Near Black:      #171717
- Warm Ivory:      #F5F0E8
- Muted Burgundy:  #7A2435
- Soft Taupe:      #B8AA9C
- Display Font:    Cormorant Garamond
- UI & Body Font:  Manrope
*/

:root {
  --velora-black: #171717;
  --velora-black-rgb: 23, 23, 23;
  --velora-ivory: #F5F0E8;
  --velora-ivory-rgb: 245, 240, 232;
  --velora-burgundy: #7A2435;
  --velora-burgundy-rgb: 122, 36, 53;
  --velora-burgundy-dark: #621C2A;
  --velora-taupe: #B8AA9C;
  --velora-taupe-rgb: 184, 170, 156;
  --velora-taupe-light: #E8E2D9;
  --velora-white: #FFFFFF;
  --velora-gray-100: #F9F7F4;
  --velora-gray-200: #ECE6DC;
  --velora-gray-300: #DDD5C9;
  --velora-gray-500: #8C847B;
  --velora-gray-700: #4A4642;
  --velora-gray-900: #22201E;

  --font-editorial: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-ui: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --header-height: 80px;
  --announcement-height: 38px;
  --container-max: 1440px;
  --container-narrow: 1080px;
  --gutter: 24px;

  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-luxury: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-subtle: 0 4px 20px rgba(23, 23, 23, 0.05);
  --shadow-drawer: -10px 0 30px rgba(23, 23, 23, 0.12);
  --shadow-modal: 0 20px 40px rgba(23, 23, 23, 0.18);
}

@media (max-width: 600px) {
  :root {
    --gutter: 14px;
  }
}

@media (min-width: 1024px) {
  :root {
    --gutter: 48px;
    --header-height: 90px;
  }
}