/*
Theme Name:  Noir Child
Description: Child theme for Hello Elementor. Carries the Noir dark-luxury brand tokens.
Template:    hello-elementor
Version:     1.0.0
Author:      Noir Studio
Text Domain: noir-child
*/

/* ==========================================================================
   Noir brand tokens — referenced by the noir-core widget CSS.
   ========================================================================== */
:root {
  /* Palette */
  --noir-bg:        #0F0B08;
  --noir-bg2:       #140F0B;
  --noir-surface:   #1C1610;
  --noir-ink:       #F0E8D5;
  --noir-muted:     #9A8B7A;
  --noir-line:      rgba(201,168,76,.22);
  --noir-gold:      #C9A84C;
  --noir-gold-soft: #DCC07A;
  --noir-glass:     rgba(255,255,255,.04);

  /* Typography */
  --noir-serif:   "Libre Baskerville", Georgia, serif;
  --noir-display: "Libre Baskerville", Georgia, serif;
  --noir-sans:    "Libre Baskerville", Georgia, serif;

  /* Motion */
  --noir-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --noir-dur:  320ms;

  /* Layout */
  --noir-container:     1240px;
  --noir-space-section: clamp(4rem, 3rem + 5vw, 9rem);
}

/* Base reset layered over Hello Elementor */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body {
  background: var(--noir-bg);
  color:      var(--noir-ink);
  font-family: var(--noir-serif);
  font-size:   clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--noir-display);
  color: var(--noir-ink);
  line-height: 1.1;
}
a { color: var(--noir-gold); }
a:hover { color: var(--noir-gold-soft); }

/* Suppress Hello Elementor's default body background so ours wins */
.elementor-page { background: var(--noir-bg); }

/*
 * Better Saturday — signature font (premium, not on Google Fonts).
 * Upload better-saturday.woff2 + better-saturday.woff to this theme's
 * fonts/ folder, then uncomment:
 *
 * @font-face {
 *   font-family: "Better Saturday";
 *   src: url("fonts/better-saturday.woff2") format("woff2"),
 *        url("fonts/better-saturday.woff")  format("woff");
 *   font-weight: normal; font-style: normal; font-display: swap;
 * }
 */