/* ============================================================
   NoirKar Brand Tokens — 奶油暖夜 (Cream Warm Night)
   Palette: Cream #FAF5EB · Cream200 #F0E8D9 · Noir #101B2C
            Noir800 #1C2A40 · MoonGold #D1A04E · Moon300 #E8CD8C
            Taupe #6B5D4C · Ink #191511
   Typography: Fraunces (display serif) + Inter (sans)

   NOTE: Colors/fonts are now set via the theme's color schemes and
   font settings (Shopline Admin) — the single source of truth.
   This file only provides brand tokens for future custom sections
   and harmless typography polish. It must NOT override scheme
   variables (that would fight admin edits).
   ============================================================ */

:root {
  /* ---- Brand tokens (for future custom sections) ---- */
  --nk-cream: 250, 245, 235;
  --nk-cream-200: 240, 232, 217;
  --nk-noir: 16, 27, 44;
  --nk-noir-800: 28, 42, 64;
  --nk-moon-gold: 209, 160, 78;
  --nk-moon-300: 232, 205, 140;
  --nk-taupe: 107, 93, 76;
  --nk-ink: 25, 21, 17;
}

/* ---- Warm premium polish: Fraunces headings read best with normal
        tracking and a touch of extra presence ---- */
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.01em;
}

/* ---- Hero (image-banner) buttons: the theme hardcodes WHITE buttons over
        images for visibility — force the NoirKar brand CTA (moon gold) so the
        hero button is on-brand AND legible. Scoped to image-banner only;
        does not touch other sections or admin scheme edits. ---- */
.image-banner-section .block-button-group {
  --color-button-background: var(--nk-moon-gold) !important;
  --color-button-text: var(--nk-ink) !important;
  --color-button-secondary-background: 0, 0, 0, 0 !important;
  --color-button-secondary-border: var(--nk-moon-gold) !important;
  --color-button-secondary-text: var(--nk-moon-gold) !important;
  --color-button-text-link: var(--nk-moon-gold) !important;
}

/* The link-style button (secondary CTA) in the hero: the group override above
   sets --color-button-text to ink, which the link button inherits — force the
   link button itself to moon gold so it's visible on the dark hero. */
.image-banner-section .block-button-group .button--link {
  color: var(--nk-moon-gold) !important;
}