@charset "UTF-8";
/* CSS Document */
/* ========== THEME TOKENS (edit these later) ========== */
:root{
  --bg: #F5F2ED;           /* page background */
  --surface: #FFFFFF;      /* content cards / containers */
  --text: #1C1B1A;         /* body text */
  --muted: #6B6B6B;        /* subtle text */
  --brand: #C47149;        /* nav/footer background */
  --brand-ink: #F5F2ED;    /* nav/footer text */
  --link: #1C1B1A;
  --link-hover: #C47149;
  --border: rgba(0,0,0,0.08);
  --radius: 16px;
  --maxw: 1100px;
  --gap: 24px;
  --pad: 20px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

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

html, body { height: 100%; }

body{
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
}

/* Links / buttons (minimal defaults) */
a{ color: var(--link); text-decoration: none; }
a:hover{ color: var(--link-hover); text-decoration: underline; }

img{ display:block; max-width:100%; height:auto; }