/* CARTSPHERE Design Tokens — Premium Indian Women's Fashion Boutique */
:root {
  /* Brand Core Palette */
  --brand-navy: #0B1F3A;
  --brand-navy-dark: #061224;
  --brand-navy-light: #183359;
  --brand-orange: #FF6900;
  --brand-orange-hover: #E05C00;
  --brand-orange-soft: rgba(255, 105, 0, 0.12);
  --brand-white: #FFFFFF;

  /* Surfaces & Backgrounds */
  --bg-ivory: #F8F9FA;
  --bg-white: #FFFFFF;
  --bg-beige: #EEF2F6;
  --bg-light-grey: #F1F4F8;
  --bg-dark: #0B1F3A;

  /* Typography Colors */
  --text-charcoal: #0B1F3A;
  --text-muted: #475569;
  --text-soft: #64748B;
  --text-inverse: #FFFFFF;

  /* Accents (Mapped for existing theme selectors) */
  --accent-gold: #FF6900;
  --accent-gold-dark: #E05C00;
  --accent-gold-soft: rgba(255, 105, 0, 0.12);

  /* Borders & Dividers */
  --border-subtle: #E2E8F0;
  --border-strong: #CBD5E1;
  --border-navy: rgba(11, 31, 58, 0.15);

  /* Functional Status */
  --danger: #DC2626;
  --success: #16A34A;

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

  /* Radii & Shadows */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-xs: 0 2px 8px rgba(11, 31, 58, 0.04);
  --shadow-sm: 0 8px 24px rgba(11, 31, 58, 0.08);
  --shadow-md: 0 16px 40px rgba(11, 31, 58, 0.12);
  --shadow-drawer: -12px 0 40px rgba(11, 31, 58, 0.18);

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