/*
Theme Name: Blocksy Child — Strathdon Forge
Theme URI: https://strathdonforge.com
Description: Child theme for The Forge Suite website
Author: Strathdon Manor Media
Author URI: https://strathdonforge.com
Template: blocksy
Version: 1.0.0
License: Private
Text Domain: blocksy-child
*/

/* ── Forge Suite CSS variables ───────────────────────────────────────────── */
:root {
  --ink:            #1A1714;
  --ink-mid:        #3D3830;
  --ink-light:      #6B645A;
  --ink-faint:      #A09890;
  --parchment:      #F7F4EF;
  --parchment-warm: #EDE9E2;
  --gilt:           #B8912A;
  --gilt-light:     #D4AF4E;
  --gilt-pale:      #F5EDD8;
  --shell:          #16140F;
  --shell-bar:      #0E0D09;
  --border:         rgba(26,23,20,0.12);
  --border-strong:  rgba(26,23,20,0.22);
  --forge-ink-light — supporting text, captions, footer copy before footer bg contrast
  --forge-ink-faint — disabled text, placeholders, fine print, metadata
  --forge-shell — dark hero sections (Imposition Forge, ScriptForge page heroes)
  --forge-shell-bar — darkest surface, used in app frame mockups on landing pages
}

/* ── Page background — brand rule: parchment, never white ─────────────── */
body {
  background-color: #F7F4EF;
}

/* ── Eyebrow labels ───────────────────────────────────────────────────── */
.forge-eyebrow {
  font-family: Inter, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #B8912A;
  display: block;
  margin-bottom: 12px;
}

/* ── Header frosted glass ─────────────────────────────────────────────── */
.site-header,
.site-header.is-sticky {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ── Gilt button style (override for specific blocks) ─────────────────── */
.wp-block-button.is-style-gilt .wp-block-button__link {
  background-color: #B8912A;
  color: #1A1714;
  border-radius: 7px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: none;
}
.wp-block-button.is-style-gilt .wp-block-button__link:hover {
  background-color: #D4AF4E;
  color: #1A1714;
}

/* ── H2 headings — gilt colour ────────────────────────────────────────── */
h2 {
  color: #B8912A;
}

/* ── Footer background ────────────────────────────────────────────────── */
.site-footer {
  background-color: #121110;
}

:root {
  --ink:            #1A1714;
  --ink-mid:        #3D3830;
  --ink-light:      #6B645A;
  --ink-faint:      #A09890;
  --parchment:      #F7F4EF;
  --parchment-warm: #EDE9E2;
  --gilt:           #B8912A;
  --gilt-light:     #D4AF4E;
  --gilt-pale:      #F5EDD8;
  --shell:          #16140F;
  --shell-bar:      #0E0D09;
  --border:         rgba(26,23,20,0.12);
  --border-strong:  rgba(26,23,20,0.22);
}