/* ============================================================
   SterlingCraft — Base layer
   Lightweight element defaults + helper classes that express
   the brand voice. Opt-in; consuming apps can ignore.
   ============================================================ */

*,
*::before,
*::after { box-sizing: border-box; }

.sc-root,
body.sc {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: var(--weight-regular);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Headings use the display serif */
.sc-display,
.sc-root h1, .sc-root h2, .sc-root h3,
.sc-root h4, .sc-root h5 {
  font-family: var(--font-display);
  font-weight: var(--weight-regular);
  color: var(--text-strong);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  margin: 0;
}

/* Eyebrow / small-caps label — the brand's signature lockup style */
.sc-eyebrow {
  font-family: var(--font-sans);
  font-weight: var(--weight-semibold);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--brand-primary);
}

/* Wordmark-style spacing for STERLINGCRAFT set in Montaga */
.sc-wordmark {
  font-family: var(--font-display);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--brand-primary);
}

.sc-root a { color: var(--link); text-underline-offset: 2px; }
.sc-root a:hover { color: var(--link-hover); }

/* Selection in brand rust */
::selection { background: var(--sc-rust-500); color: var(--sc-parchment-50); }

/* A subtle parchment paper texture utility (procedural, no asset) */
.sc-paper {
  background-color: var(--surface-panel);
  background-image:
    radial-gradient(rgba(120, 90, 55, 0.05) 1px, transparent 1px),
    radial-gradient(rgba(120, 90, 55, 0.04) 1px, transparent 1px);
  background-size: 7px 7px, 11px 11px;
  background-position: 0 0, 3px 5px;
}