/* =========================================================
   base.css — design tokens, reset, typography foundation
   ========================================================= */

/* =========================================================
   DESIGN TOKENS
   ========================================================= */
:root {
  --void:       #000000;
  --ink:        #060504;
  --ink-2:      #0d0b08;
  --ink-3:      #161310;
  --bone:       #f4ecdc;
  --bone-dim:   #b8b1a4;
  --bone-muted: #6a655c;
  --oxblood:    #8b1f23;
  --oxblood-lit:#c62b32;
  --ember:      #e8b475;
  --ember-lit:  #ffd4a1;
  --gold:       #c9a961;
  --rule:       rgba(244, 236, 220, 0.14);

  --display: "Archivo", "Helvetica Neue", sans-serif;
  --serif:   "Archivo Narrow", "Archivo", sans-serif;
  --mono:    "Space Mono", ui-monospace, monospace;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-dramatic: cubic-bezier(0.87, 0, 0.13, 1);
}


/* =========================================================
   RESET + BASE
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--void);
  color: var(--bone);
  overflow: hidden;
  height: 100%;
  width: 100%;
}
body {
  font-family: var(--serif);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  cursor: none;
}

a { color: inherit; text-decoration: none; cursor: none; }
button { cursor: none; background: none; border: none; color: inherit; font-family: inherit; }
::selection { background: var(--oxblood); color: var(--bone); }