/* BUYVORA Design Tokens — Premium Modern Boutique E-Commerce Aesthetic */
:root {
  /* Brand Palette derived directly from BUYVORA Logo */
  --brand-purple: #250734;
  --brand-purple-dark: #190324;
  --brand-purple-deep: #12011A;
  --brand-purple-light: #3D0D55;
  --brand-purple-soft: rgba(37, 7, 52, 0.08);

  --brand-orange: #E64A00;
  --brand-orange-hover: #CC3D00;
  --brand-orange-light: #FF7026;
  --brand-orange-warm: #FF853E;
  --brand-orange-soft: rgba(230, 74, 0, 0.12);
  --brand-orange-glow: rgba(230, 74, 0, 0.28);

  /* Backgrounds & Surfaces */
  --bg-ivory: #FAF8F6;
  --bg-white: #FFFFFF;
  --bg-beige: #F3ECE6;
  --bg-light-grey: #F5F3F1;
  --text-charcoal: #1C171E;
  --text-muted: #695E6B;
  --text-soft: #8E8490;

  /* Accent Mappings */
  --accent-gold: #E64A00;
  --accent-gold-dark: #CC3D00;
  --accent-gold-soft: rgba(230, 74, 0, 0.12);
  --border-subtle: #E8E1D9;
  --border-strong: #D5CBC0;
  --danger: #B3261E;
  --success: #1E7E52;

  --font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-xs: 0 2px 8px rgba(37, 7, 52, 0.05);
  --shadow-sm: 0 8px 24px rgba(37, 7, 52, 0.08);
  --shadow-md: 0 18px 48px rgba(37, 7, 52, 0.12);
  --shadow-drawer: -12px 0 40px rgba(37, 7, 52, 0.18);

  --container-max: 1360px;
  --header-height: 76px;
  --transition: 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}