/* multi-import:brand-layer:start - managed by Tools > Multi Import; edits inside are replaced on re-import */
/* Solomon Flooring - overrides.css (documented tokens only; see style.md) */

@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ebgaramond-500.woff2') format('woff2');}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ebgaramond-600.woff2') format('woff2');}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/mulish-400.woff2') format('woff2');}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/mulish-500.woff2') format('woff2');}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/mulish-600.woff2') format('woff2');}

:root{
  /* Typography - elegant EB Garamond headings, clean Mulish body */
  --typography-family-heading:'EB Garamond', Georgia, 'Times New Roman', serif;
  --typography-family-main:'Mulish', system-ui, -apple-system, sans-serif;
  --typography-family-paragraph:var(--typography-family-main);
  --typography-weight-heading:600;
  --typography-heading-letter-spacing:-0.005em;

  /* 2. Brand hues */
  --color-sienna:#8a5a3c;
  --color-sienna-deep:#5e3c28;
  --color-canadian-red:#6f6557;
  --color-black:#1c1814;
  --color-white:#ffffff;

  /* 3. Surface and ink ramp */
  --color-paper:#faf7f1;
  --color-paper-tint:#f3ece1;
  --color-paper-deep:#e9dfce;
  --color-rule:#d8c7ac;
  --color-ink:#2a241e;
  --color-ink-soft:#6b6157;
  --color-surface-container:#efe7d9;
  --color-tertiary-dark:#4a4034;
  --color-tertiary-container:#e6ddcd;

  /* 4. Semantic colour roles (pinned, not left to alias defaults) */
  --color-primary:#8a5a3c;
  --color-on-primary:#ffffff;
  --color-primary-fixed:#e9dfce;
  --color-primary-fixed-dim:#faf7f1;
  --color-secondary:#5e3c28;
  --color-tertiary:#6f6557;
  --color-surface:#faf7f1;
  --color-surface-container-low:#f3ece1;
  --color-surface-container-high:#e9dfce;
  --color-surface-container-highest:#d8c7ac;
  --color-on-surface:#2a241e;
  --color-accent:#8a5a3c;
  --color-accent-hover:#5e3c28;
  --color-heading:#2a241e;
  --color-main:#2a241e;
  --color-paragraph:#5f574c;
  --color-link-text:#8a5a3c;
  --color-link-text-hover:#5e3c28;

  /* Brand-named aliases (kept in sync so older component CSS stays on-brand) */
  --color-linen:#faf7f1;
  --color-linen-tint:#f3ece1;
  --color-linen-shade:#e9dfce;
  --color-walnut:#2a241e;
  --color-baltic:#8a5a3c;
  --color-cerulean:#5e3c28;
  --color-copper:#6f6557;
  --color-rug-field:#8a5a3c;
  --color-rug-border:#6f6557;
  --color-rug-stroke:#5e3c28;

  /* Navigation active states (pinned so nothing reverts to default blue) */
  --color-current:#8a5a3c;
  --color-current-dropdown:#8a5a3c;
  --color-current-menu-item:#8a5a3c;
  --hamburger-color:#8a5a3c;
  --hamburger-color-active:#5e3c28;

  /* Custom line and underline colours (consumed by the rules below) */
  --color-hr:#d8c7ac;
  --color-underline:#b98e6a;
  --color-underline-hover:#5e3c28;
}

/* Page background lives in theme.json; pin the warm linen here */
body{ background:#f5efe4; }

/* Horizontal rules / dividers - warm stone line */
hr,
.wp-block-separator{
  border:0;
  height:1px;
  background-color:var(--color-hr);
  color:var(--color-hr);
  opacity:1;
}

/* Link underline colour - distinct from the link text colour */
a{
  text-decoration-color:var(--color-underline);
  text-underline-offset:2px;
}
a:hover,
a:focus{
  text-decoration-color:var(--color-underline-hover);
}
/* multi-import:brand-layer:end */