@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

/* The Kielburgers: warm light editorial. A distinct identity for the official joint hub: warm paper ground, deep ink type, deep burgundy accent, Inter throughout. Calm, authoritative, archival. Deliberately unlike the marckielburger.com look. */
:root {
  --bg: #F7F3EA;            /* warm paper ground */
  --fg: #262119;            /* deep warm ink (not black) */
  --muted: #746B5D;         /* warm gray */
  --accent: #9B4048;        /* deep burgundy, graphic accent */
  --accent-fg: #FFFFFF;
  --border: #E2DBCB;        /* warm light hairline */
  --surface: #EFEADD;       /* section tint */
  --surface-2: #FCFAF4;     /* lifted card, near white */
  --shadow-color: #3A2E20;  /* warm shadow base */
  --cta: #262119;           /* dark ink button */
  --cta-fg: #F7F3EA;        /* paper text on dark button */
  --charcoal: #8A8172;
  --overlay: #ECE5D6;       /* light footer / section band */
  --sage: #8A3A42;          /* deep burgundy, text + eyebrow accent (readable on paper) */
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-wordmark: 'Varela Round', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-base-size: 18px;
  --font-scale: 1.25;
  --font-ui: 'Inter', system-ui, -apple-system, sans-serif;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 12%, transparent);
  --shadow-md: 0 10px 34px color-mix(in srgb, var(--shadow-color) 13%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, var(--shadow-color) 16%, transparent);
  --space-unit: 4px;
}
html { font-family: var(--font-body); font-size: var(--font-base-size); background: var(--bg); color: var(--fg); }
body { margin: 0; }