/*
Theme Name: Beauty Backyard
Theme URI: https://beautybackyard.lk/
Author: Antigravity AI
Author URI: https://deepmind.google/
Description: A cozy, organic-editorial WordPress theme designed for beauty salons, spas, and self-care sanctuaries. Mapped from React + Tailwind CSS v4.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beauty-backyard
*/

/* Core Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&family=Alex+Brush&display=swap');

/* Global Variables & Tailwind Custom Configuration Definitions */
@theme {
  --font-sans: "Poppins", "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Cormorant Garamond", "Playfair Display", ui-serif, Georgia, serif;
  --font-script: "Alex Brush", cursive;

  --color-brand-bg: #F7F2EC;      /* Soft Cream */
  --color-brand-text: #2E2110;    /* Rich Espresso Brown */
  --color-brand-accent: #4A3608;  /* Deep Brown */
  --color-brand-primary: #D9CDBF; /* Warm Beige */
  --color-brand-frame: #D9CDBF;   /* Warm Beige border/accent frame */
}

/* Base Style Fallbacks */
body {
  background-color: #F7F2EC;
  color: #2E2110;
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Smooth Scrolling & Selections */
html {
  scroll-behavior: smooth;
}

::selection {
  background-color: #4A3608;
  color: #F7F2EC;
}