/* FrontEdge Consulting — Phase 0 placeholder styles only.
   The real design system (tokens, type scale, motion) is authored in Phase 1–4
   per FRONTEDGE-WEBSITE-BIBLE.md. Do not build the real site on top of this file
   without first laying down design/tokens.css. */

:root {
  --green: #1A4D32;
  --base:  #10271B;
  --grey:  #6A6D63;
  --gold:  #C09E60;
  --cream: #F1EEE6;
  --bone:  #EDE8DC;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
}

body {
  background: var(--base);
  color: var(--cream);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.placeholder {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-align: center;
  padding: 2rem;
}

.mark { display: block; margin-bottom: 0.5rem; }

.eyebrow {
  margin: 0;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  color: var(--gold);
}

h1 {
  margin: 0;
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.lede {
  margin: 0;
  color: var(--grey);
  font-size: 1rem;
}