/*
Theme Name: J.Y. Musa & Co. Chambers
Theme URI: https://jymusaco.com
Author: Chufad Solutions
Description: A premium, editable WordPress theme built for J.Y. Musa & Co., Abuja. All text, images, and contact details are edited through the WordPress Customizer and standard page/post editor — no code editing required.
Version: 1.0
Requires PHP: 7.4
Text Domain: jymusa
*/

/* =========================================================
   DESIGN TOKENS
   Palette: deep navy / charcoal / ivory / restrained brass
   ========================================================= */
:root{
  --navy: #0e1b2c;
  --navy-deep: #0a1420;
  --charcoal: #24262b;
  --ivory: #f6f3ec;
  --ivory-dim: #ece7db;
  --brass: #a9863e;
  --brass-soft: #c7a662;
  --hairline: #d8d3c7;
  --hairline-dark: rgba(246,243,236,0.18);
  --text-body: #2c2c2c;
  --text-muted: #6b6b64;

  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  --font-utility: 'Source Sans 3', Arial, sans-serif;

  --max-width: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  font-family: var(--font-body);
  color: var(--text-body);
  background: var(--ivory);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family: var(--font-display); font-weight: 600; margin:0 0 0.5em; letter-spacing:0.005em; color: var(--navy); }
p{ margin:0 0 1em; }
.container{ max-width: var(--max-width); margin:0 auto; padding: 0 var(--gutter); }

/* Focus visibility - accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline: 2px solid var(--brass);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* Eyebrow label - used sparingly as a structural device on section intros */
.eyebrow{
  font-family: var(--font-utility);
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--brass);
  display:flex;
  align-items:center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.eyebrow::before{
  content:"";
  width: 28px;
  height: 1px;
  background: var(--brass);
  display:inline-block;
}

.hairline{ border:none; border-top:1px solid var(--hairline); margin: 3rem 0; }

.btn{
  display:inline-block;
  font-family: var(--font-utility);
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.9rem 1.8rem;
  border: 1px solid var(--brass);
  color: var(--navy);
  background: transparent;
  transition: background 0.25s ease, color 0.25s ease;
}
.btn:hover{ background: var(--brass); color: var(--ivory); }
.btn--solid{ background: var(--navy); color: var(--ivory); border-color: var(--navy); }
.btn--solid:hover{ background: var(--brass); border-color: var(--brass); color:var(--navy); }
.btn--ghost-light{ border-color: var(--hairline-dark); color: var(--ivory); }
.btn--ghost-light:hover{ background: var(--brass-soft); border-color: var(--brass-soft); color: var(--navy-deep); }