/* Foundations: variables, base resets, brand tokens */
:root {
  --brand-dark: #171c21;
  --brand-accent: #baa361;
  --sidebar-w: 18rem; /* default expanded width; overridden inline via Alpine */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-display: "Poppins", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

html, body { scroll-behavior: smooth; }
body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Default heading typography */
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); font-weight: 600; color: var(--brand-dark); margin: 0; }
h1 { font-size: 2rem; line-height: 2.5rem; }
h2 { font-size: 1.5rem; line-height: 2rem; }
h3 { font-size: 1.25rem; line-height: 1.75rem; }
h4 { font-size: 1.125rem; line-height: 1.5rem; }
h5 { font-size: 1rem; line-height: 1.5rem; }
h6 { font-size: 0.875rem; line-height: 1.25rem; }

/* Typography utility classes */
.t-h1 { font-family: var(--font-display); font-weight: 700; font-size: 2.5rem; line-height: 3rem; letter-spacing: -0.01em; color: var(--brand-dark); }
.t-h2 { font-family: var(--font-display); font-weight: 700; font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.01em; color: var(--brand-dark); }
.t-h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.5rem; line-height: 2rem; letter-spacing: -0.005em; color: var(--brand-dark); }
.t-h4 { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; line-height: 1.75rem; color: var(--brand-dark); }
.t-h5 { font-family: var(--font-display); font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; color: var(--brand-dark); }
.t-h6 { font-family: var(--font-display); font-weight: 600; font-size: 0.95rem; line-height: 1.25rem; color: var(--brand-dark); }

.t-lead { font-size: 1.125rem; line-height: 1.75rem; color: #374151; }
.t-body { font-size: 1rem; line-height: 1.6; color: #374151; }
.t-body-sm { font-size: 0.875rem; line-height: 1.5; color: #4b5563; }
.t-caption { font-size: 0.75rem; line-height: 1rem; color: #6b7280; }
.t-overline { font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.08em; color: #6b7280; }