/* ===== QUEEN COLLECTION — "ÉMERAUDE NOIR" THEME ===== */
:root{
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Jost', sans-serif;

  --c-primary: #0f5c4c;        /* deep emerald */
  --c-primary-dark: #093f34;
  --c-primary-light: #4d9384;
  --c-accent: #c9a24b;         /* antique gold */
  --c-dark: #0d1210;           /* near black */
  --c-ink: #16201d;
  --c-bg: #f8f6ef;             /* warm ivory */
  --c-bg-alt: #eef0e6;
  --c-bg-alt-2: #e5e9db;
  --c-line: #dfe3d5;
  --c-white: #ffffff;

  --shadow-soft: 0 15px 40px -12px rgba(9, 63, 52, 0.35);
  --shadow-card: 0 10px 25px -8px rgba(13, 18, 16, 0.2);
  --radius: 2px;
  --radius-lg: 4px;
}

body{ background: var(--c-bg); }

.topbar{ background: var(--c-dark); color: var(--c-accent); }
.site-header{ background: var(--c-dark); }
.btn-primary{ background: var(--c-accent); border-color: var(--c-accent); color: var(--c-dark); }
.btn-primary:hover{ background: var(--c-white); border-color: var(--c-white); color: var(--c-dark); }
.btn-outline{ border-color: var(--c-accent); color: var(--c-accent); }
.btn-outline:hover{ background: var(--c-accent); color: var(--c-dark); }
.section-eyebrow{ color: var(--c-primary); }
.badge-sale{ background: var(--c-accent); color: var(--c-dark); }
.badge-new{ background: var(--c-primary); }
.site-footer{ background: var(--c-dark); color: #cfd6cd; }
.hero-dots button.active{ background: var(--c-accent); }
::selection{ background: var(--c-primary-light); color: var(--c-white); }

/* Emerald header text needs light color since header bg is dark */
.site-header{ --header-fg: #f2efe4; }