/* Axiom Books Design System — styles.css — v0.3.0 */

/* ─── Google Fonts ─────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* ─── Custom Properties ─────────────────────────────────── */
:root {
  /* ── Typography ── */
  --font-sans: 'Outfit', system-ui, sans-serif;

  /* ── Forest scale ── */
  --forest-50:  #EBF1EE;
  --forest-700: #1B4D3E;
  --forest-800: #143B2F;
  --forest-900: #0F2B22;

  /* ── Stand-alone brand colours ── */
  --fern:       #2D7A5F;
  --gold-500:   #C9A84C;
  --gold-700:   #8F6B28;
  --mint:       #A8DFC4;
  --cream-100:  #F5F3EE;

  /* ── Surfaces ── */
  --surface-page: #F5F3EE;
  --white:        #FFFFFF;

  /* ── Text ── */
  --text-strong:           #1A1A1A;
  --text-body:             #3D3D3D;
  --text-muted:            #6B6B6B;
  --text-faint:            #A0A0A0;
  --text-on-forest:        #F5F3EE;
  --text-on-forest-muted:  rgba(245, 243, 238, 0.65);

  /* ── Borders ── */
  --border-hair: #E2DDD4;

  /* ── Radii ── */
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 9999px;

  /* ── Shadows ── */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.18);

  /* ── G.R.O.W Pillars ── */
  --pillar-G-bg:   #2D7A5F;
  --pillar-G-text: #C9A84C;
  --pillar-R-bg:   #F5F3EE;
  --pillar-R-text: #2D7A5F;
  --pillar-O-bg:   #C9A84C;
  --pillar-O-text: #0F2B22;
  --pillar-W-bg:   #A8DFC4;
  --pillar-W-text: #1B4D3E;

  /* ── P.A.T.H ── */
  --path-P-bg:   #2D7A5F;
  --path-P-text: #F5F3EE;
  --path-A-bg:   #C9A84C;
  --path-A-text: #0F2B22;
  --path-T-bg:   #F5F3EE;
  --path-T-text: #1B4D3E;
  --path-H-bg:   #A8DFC4;
  --path-H-text: #1B4D3E;
}

/* ─── Base reset ─────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--surface-page);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
}