/*
Theme Name: Bliss & Beauty
Theme URI: https://blissandbeauty.com
Author: Your Agency
Description: Two-brand boutique theme (Fashion Nook TT apparel + Celestial Expressions fragrance) built on WooCommerce.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: bliss-and-beauty
*/

:root {
  /* Colors */
  --bb-ink: #14141a;
  --bb-black-solid: #111111;
  --bb-body-bg: #FAF8F5;
  --bb-white: #ffffff;
  --bb-muted: #5b5966;
  --bb-tertiary: #8a8a8a;
  --bb-tertiary-alt: #8b8894;
  --bb-hairline: #E5E5E5;
  --bb-topbar-bg: #000000;
  --bb-midbar-bg: #f1f1f1;
  --bb-link-hover: #7a6a4f;

  /* Brand accents */
  --bb-fnt-purple: #9B4DCA;
  --bb-fnt-gold: #F2B705;
  --bb-fnt-teal: #29B6D8;
  --bb-ce-gradient: linear-gradient(90deg, #F5A623, #FFD500);

  /* Typography */
  --bb-font-serif: 'Cormorant Garamond', Georgia, serif;
  --bb-font-sans: 'Libre Franklin', Arial, Helvetica, sans-serif;

  /* Layout */
  --bb-max-width: 1320px;
  --bb-max-width-wide: 1400px;
  --bb-max-width-narrow: 1240px;
  --bb-side-padding: 32px;
  --bb-card-gap: 25px;

  /* Borders (square corners sitewide — no radius) */
  --bb-border-structural: 1px solid var(--bb-hairline);
  --bb-border-emphasis: 1.5px solid var(--bb-ink);
  --bb-border-dotted: 1.5px dotted var(--bb-ink);
}

body {
  margin: 0;
  background: var(--bb-white);
  font-family: var(--bb-font-sans);
  color: var(--bb-ink);
}

a { color: var(--bb-ink); text-decoration: none; }
a:hover { color: var(--bb-link-hover); }
::selection { background: #e6d9c0; }

* { box-sizing: border-box; }

button, input, select { font-family: inherit; }

/* No rounded corners anywhere by default */
button, input, .bb-card, .bb-btn { border-radius: 0; }