/*
Theme Name: Resin Atelier
Theme URI: https://resinatelier.in/
Author: Antigravity & Resin Atelier Design Team
Author URI: https://resinatelier.in/
Description: A luxury handcrafted ecommerce WordPress & WooCommerce theme built for Resin Atelier by artist Anjli. Featuring warm ivory paper aesthetics, subtle gold accents, Cormorant Garamond editorial serif typography, interactive Gift Finder, bespoke custom creations builder, memory preservation workflow, and direct WhatsApp commerce integration.
Version: 1.0.0
Tested up to: 6.7
Requires at least: 6.0
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: resin-atelier
Tags: ecommerce, woocommerce, art-gallery, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, wide-blocks
*/

/* ==========================================================================
   Design Tokens & CSS Variables
   ========================================================================== */
:root {
  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Color Palette - Warm Luxury Handcrafted */
  --color-bg: #FAF7F2;
  --color-bg-alt: #F4EFEA;
  --color-card: #FFFDFB;
  --color-card-border: #EADBCE;
  --color-border: #EADBCE;
  --color-border-light: #F0E8DF;

  --color-text-main: #2C221B;
  --color-text-muted: #726458;
  --color-text-light: #9B8D82;

  --color-primary: #463426;
  --color-primary-dark: #322419;
  --color-primary-light: #5E4633;
  --color-primary-fg: #FAF7F2;

  --color-accent-gold: #C59A52;
  --color-accent-gold-hover: #B48842;
  --color-accent-gold-light: #EFE4D2;
  --color-gold-glow: rgba(197, 154, 82, 0.25);

  --color-blush: #F5DDD8;
  --color-blush-light: #FAF0EE;

  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #128C7E;

  /* Elevations & Shadows */
  --shadow-sm: 0 2px 6px rgba(44, 34, 27, 0.04);
  --shadow-md: 0 8px 24px rgba(44, 34, 27, 0.06);
  --shadow-lg: 0 16px 40px rgba(44, 34, 27, 0.08);
  --shadow-gold: 0 10px 30px rgba(197, 154, 82, 0.2);

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --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-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Max Widths */
  --container-max: 1280px;
  --container-narrow: 880px;
}

/* Base resets & theme styles are enqueued via assets/css/theme.css */