/* Taj Women Salon design tokens. Elementor global colours/fonts should mirror these. */
:root {
  --taj-ivory: #FBF7F1;
  --taj-cream: #F3EBDD;
  --taj-plum: #5B3A5E;
  --taj-plum-deep: #432B46;
  --taj-sage: #8A9A7B;
  --taj-gold: #C6A15B;
  --taj-blush: #EBD9D3;
  --taj-charcoal: #2E2A28;
  --taj-muted: #6B6460;

  --taj-font-display: "Cormorant Garamond", Georgia, serif;
  --taj-font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --taj-radius: 18px;
  --taj-shadow-soft: 0 10px 30px rgba(91, 58, 94, .10);
  --taj-shadow-clay: 8px 8px 18px rgba(91, 58, 94, .14), -6px -6px 14px rgba(255, 255, 255, .9);
  --taj-glass: rgba(255, 255, 255, .55);
  --taj-glass-border: rgba(255, 255, 255, .7);
  --taj-focus: 0 0 0 3px rgba(198, 161, 91, .6);
}
.taj-glass { background: var(--taj-glass); backdrop-filter: blur(14px); border: 1px solid var(--taj-glass-border); border-radius: var(--taj-radius); box-shadow: var(--taj-shadow-soft); }
.taj-clay { background: var(--taj-ivory); border-radius: var(--taj-radius); box-shadow: var(--taj-shadow-clay); }
:focus-visible { outline: none; box-shadow: var(--taj-focus); }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }