/* =========================================================
   base.css — shared foundation for every page: design tokens,
   resets, and the corner-mark brackets used site-wide.
   Load this FIRST on all pages. Homepage-only styles stay in
   index.css; sub-pages no longer load index.css at all.
   ========================================================= */

:root {
  --cream: #f3ede1;
  --cream-2: #ebe3d3;
  --ink: #1c1d1a;
  --ink-soft: #2a2a26;
  --muted: #524d42;
  --line: rgba(28, 29, 26, 0.18);
  --line-soft: rgba(28, 29, 26, 0.1);
  --accent: #8a6f4f;
  --overlay: #14150f;

  --serif: Arial, Helvetica, system-ui, sans-serif;
  --sans: Arial, Helvetica, system-ui, sans-serif;

  --ease: cubic-bezier(0.65, 0.05, 0.35, 1);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  /* Page bg is black so the fixed footer (also black) blends seamlessly
     with the body backdrop while cream sections sit on top via z-index. */
  background: #000;
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}