/*
Theme Name: StyledByNafs
Theme URI: https://styledbynafs.ae
Author: StyledByNafs Hair Dubai Design Team
Author URI: https://styledbynafs.ae
Description: Production-ready luxury WordPress theme engineered for high-end beauty salons, luxury hair studios, and spa boutiques in Dubai and worldwide. Built according to enterprise WordPress Coding Standards with soft lilac aesthetics, WCAG 2.2 accessibility, Schema.org JSON-LD, Gutenberg block patterns, and WooCommerce/Amelia compatibility.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: styledbynafs
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: luxury, hair-salon, beauty, custom-colors, custom-logo, custom-menu, featured-images, full-site-editing-compatible, woocommerce, translation-ready, dark-mode, responsive-layout, block-patterns

StyledByNafs WordPress Theme, Copyright 2026 StyledByNafs Hair Dubai.
StyledByNafs is distributed under the terms of the GNU GPL.
*/

/* Reset & CSS Custom Properties initialized via inc/setup/enqueue.php */
:root {
  --sbn-soft-lilac: #E6E1F5;
  --sbn-lavender: #D8CEF6;
  --sbn-royal-purple: #4A154B;
  --sbn-dark-charcoal: #1F1A24;
  --sbn-muted-grey: #756E80;
  --sbn-bg-light: #FAF8FC;
  --sbn-font-heading: 'Playfair Display', Georgia, serif;
  --sbn-font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--sbn-font-body);
  background-color: var(--sbn-bg-light);
  color: var(--sbn-dark-charcoal);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #4A154B;
  clip: auto !important;
  clip-path: none;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 10px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 10px;
  width: auto;
  z-index: 100000;
}